@undp/data-viz 2.6.0 → 2.6.1

package/dist/BiVariateChoroplethMap.js

@@ -1,473 +1,2 @@
-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 oo } from "./Tooltip-DO56mY4b.js";
-import { c as Et } from "./checkIfNullOrUndefined-DmfiKkNw.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-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 { b as zt } from "./fetchAndParseData-CDjQZ1fL.js";
-import { g as Wt } from "./getJenks-DTCcQSDi.js";
-import { g as fo } from "./getSliderMarks-DSxFGb1f.js";
-import { a as go, G as yo } from "./GraphContainer-DcOM2CI6.js";
-function vo(i) {
-  const {
-    data: e,
-    xDomain: f,
-    mapData: _,
-    xColorLegendTitle: Te,
-    yDomain: oe,
-    yColorLegendTitle: re,
-    width: g,
-    height: m,
-    colors: p,
-    scale: $e,
-    centerPoint: C,
-    mapBorderWidth: O,
-    mapNoDataColor: ae,
-    mapBorderColor: ne,
-    tooltip: ie,
-    onSeriesMouseOver: ve,
-    zoomScaleExtend: xe,
-    zoomTranslateExtend: be,
-    highlightedIds: x,
-    onSeriesMouseClick: se,
-    mapProperty: M,
-    resetSelectionOnDoubleClick: He,
-    detailsOnClick: b,
-    showColorScale: De,
-    styles: Re,
-    classNames: A,
-    mapProjection: L,
-    zoomInteraction: B,
-    animate: E,
-    dimmedOpacity: I,
-    customLayers: le,
-    collapseColorScaleByDefault: ke,
-    zoomAndCenterByHighlightedIds: Ce,
-    projectionRotate: F,
-    rewindCoordinatesInMapData: G,
-    overlayMapData: U,
-    overlayMapBorderColor: Ge,
-    overlayMapBorderWidth: Ue,
-    xNumberDisplayOptions: V,
-    yNumberDisplayOptions: ce,
-    graphDownload: X,
-    dataDownload: l
-  } = i, a = St(() => G ? Ot(_, {
-    reverse: !0
-  }) : _, [_, G]), Ve = St(() => !G || !U ? U : Ot(U, {
-    reverse: !0
-  }), [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);
-  Le(() => {
-    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 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 = 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 = 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
-  }), 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
-  }, (t, r) => r), Ie = It().domain(f).range(Be), ze = It().domain(oe).range(Ee), pe = (t) => {
-    if (!y.current || !ee.current) return;
-    Ct(y.current).call(ee.current.scaleBy, t === "in" ? 1.2 : 1 / 1.2);
-  };
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ o.jsx(mt.svg, { viewBox: `0 0 ${g} ${m}`, width: `${g}px`, height: `${m}px`, ref: y, direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { ref: Q, children: [
-        le.filter((t) => t.position === "before").map((t) => t.layer),
-        a.features.map((t, r) => {
-          if (!t.properties?.[M]) return null;
-          const d = R(t);
-          return d ? /* @__PURE__ */ o.jsx(mt.g, { opacity: Y ? I : x ? x.indexOf(t.properties[M]) !== -1 ? 1 : I : 1, children: /* @__PURE__ */ o.jsx("path", { d, style: {
-            stroke: ne,
-            strokeWidth: O,
-            fill: ae,
-            vectorEffect: "non-scaling-stroke"
-          } }) }, r) : null;
-        }),
-        /* @__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]
-          );
-          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), 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 === N && (!x || x.indexOf(t.id) !== -1) ? 1 : I : x ? x.indexOf(t.id) !== -1 ? 1 : I : 1,
-              transition: {
-                duration: E.duration
-              }
-            }
-          }, initial: "initial", animate: w ? "whileInView" : "initial", exit: {
-            opacity: 0,
-            transition: {
-              duration: E.duration
-            }
-          }, onMouseEnter: (v) => {
-            $(t), K(v.clientY), u(v.clientX), ve?.(t);
-          }, onClick: () => {
-            (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: N,
-              opacity: 0
-            },
-            whileInView: {
-              fill: N,
-              opacity: 1,
-              transition: {
-                duration: E.duration
-              }
-            }
-          }, initial: "initial", animate: w ? "whileInView" : "initial", exit: {
-            opacity: 0,
-            transition: {
-              duration: E.duration
-            }
-          }, 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"
-          } }, `${t.id}`) }, t.id);
-        }) }),
-        J ? a.features.filter(
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (t) => t.properties[M] === J.id
-        ).map((t, r) => /* @__PURE__ */ o.jsx("path", { d: R(t) || "", className: "stroke-primary-gray-700 dark:stroke-primary-gray-300", style: {
-          fill: "none",
-          fillOpacity: 0,
-          strokeWidth: "0.5",
-          vectorEffect: "non-scaling-stroke"
-        } }, r)) : null,
-        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: Ue || O + 1,
-            fill: "none",
-            pointerEvents: "none",
-            vectorEffect: "non-scaling-stroke"
-          } }) }, r) : null;
-        }),
-        le.filter((t) => t.position === "after").map((t) => t.layer)
-      ] }) }),
-      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(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: [
-          /* @__PURE__ */ o.jsxs("div", { className: "flex gap-1 items-center", children: [
-            /* @__PURE__ */ o.jsx("svg", { width: "136px", viewBox: "0 0 136 136", className: "shrink-0", children: /* @__PURE__ */ o.jsxs("g", { children: [
-              p.map((t, r) => /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${100 - r * 25})`, children: t.map((d, D) => /* @__PURE__ */ o.jsx("rect", { y: 1, x: D * 25 + 1, fill: d, width: 23, height: 23, strokeWidth: Y === d ? 2 : 0.25, style: {
-                cursor: "pointer"
-              }, onMouseOver: () => {
-                q(d);
-              }, 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, 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: {
-              display: "-webkit-box",
-              WebkitLineClamp: "1",
-              WebkitBoxOrient: "vertical",
-              overflow: "hidden",
-              writingMode: "vertical-rl",
-              height: "8.5rem",
-              transform: "rotate(180deg)"
-            }, children: re })
-          ] }),
-          /* @__PURE__ */ o.jsx(Mt, { marginBottom: "none", size: "xs", className: "mt-1 leading-normal text-center", style: {
-            display: "-webkit-box",
-            WebkitLineClamp: "1",
-            width: "8.5rem",
-            WebkitBoxOrient: "vertical",
-            overflow: "hidden"
-          }, children: Te })
-        ] })
-      ] }) : /* @__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(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(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(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 ar(i) {
-  const e = Tt.c(129), {
-    data: f,
-    graphTitle: _,
-    mapData: Te,
-    colors: oe,
-    sources: re,
-    graphDescription: g,
-    height: m,
-    width: p,
-    footNote: $e,
-    xDomain: C,
-    yDomain: O,
-    xColorLegendTitle: ae,
-    yColorLegendTitle: ne,
-    tooltip: ie,
-    scale: ve,
-    centerPoint: xe,
-    padding: be,
-    mapBorderWidth: x,
-    mapNoDataColor: se,
-    backgroundColor: M,
-    mapBorderColor: He,
-    relativeHeight: b,
-    onSeriesMouseOver: De,
-    isWorldMap: Re,
-    zoomScaleExtend: A,
-    zoomTranslateExtend: L,
-    graphID: B,
-    showColorScale: E,
-    highlightedIds: I,
-    onSeriesMouseClick: le,
-    mapProperty: ke,
-    graphDownload: Ce,
-    dataDownload: F,
-    showAntarctica: G,
-    language: U,
-    minHeight: Ge,
-    theme: Ue,
-    ariaLabel: V,
-    resetSelectionOnDoubleClick: ce,
-    detailsOnClick: X,
-    styles: l,
-    classNames: a,
-    mapProjection: Ve,
-    zoomInteraction: Xe,
-    animate: je,
-    dimmedOpacity: Y,
-    customLayers: q,
-    timeline: T,
-    collapseColorScaleByDefault: Z,
-    zoomAndCenterByHighlightedIds: J,
-    projectionRotate: $,
-    rewindCoordinatesInMapData: we,
-    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, 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 = 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;
-  let qe;
-  e[4] !== T ? (qe = T === void 0 ? {
-    enabled: !1,
-    autoplay: !1,
-    showOnlyActiveDate: !0
-  } : T, e[4] = T, e[5] = qe) : qe = e[5];
-  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, 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) => 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
-    _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) => {
-      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);
-  let Qe;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Qe = (s) => {
-    Lt(s);
-  }, e[15] = Qe) : Qe = e[15];
-  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 = Nt(tt);
-  let ot;
-  e[17] !== y || e[18] !== et ? (ot = () => {
-    typeof y == "string" ? zt(y).then((j) => {
-      et(j);
-    }) : et(y);
-  }, e[17] = y, e[18] = et, e[19] = ot) : ot = e[19];
-  let rt;
-  e[20] !== y ? (rt = [y], e[20] = y, e[21] = rt) : rt = e[21], Le(ot, rt);
-  let at;
-  e[22] !== u?.mapData || e[23] !== Ae ? (at = () => {
-    u?.mapData || Ae(void 0), typeof u?.mapData == "string" ? zt(u?.mapData).then((j) => {
-      Ae(j);
-    }) : Ae(u?.mapData);
-  }, e[22] = u?.mapData, e[23] = Ae, e[24] = at) : at = e[24];
-  const xt = u?.mapData;
-  let nt;
-  e[25] !== xt ? (nt = [xt], e[25] = xt, e[26] = nt) : nt = e[26], Le(at, nt);
-  let it, st;
-  e[27] !== W || e[28] !== n.speed || e[29] !== c ? (it = () => {
-    const s = setInterval(() => {
-      gt((j) => j < c.length - 1 ? j + 1 : 0);
-    }, (n.speed || 2) * 1e3);
-    return W || clearInterval(s), () => clearInterval(s);
-  }, 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] !== 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] !== _ || 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: _, 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] !== 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(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] = 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] !== 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(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
-  } : v || {
-    duration: 0,
-    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 : 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(ho, { styles: {
-    footnote: l?.footnote,
-    source: l?.source
-  }, classNames: {
-    footnote: a?.footnote,
-    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] !== 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] = 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;
-}
-function bo(i) {
-  return i !== void 0;
-}
-function Do(i) {
-  return i.data;
-}
-function ko(i) {
-  return i !== void 0;
-}
-function Co(i) {
-  return i.data;
-}
-function jo(i) {
-  return i.y;
-}
-function wo(i) {
-  return i.x;
-}
-function So(i) {
-  return i.properties?.NAME !== "Antarctica";
-}
-function No(i, e) {
-  return i - e;
-}
-function Oo(i) {
-  return i.date;
-}
-export {
-  ar as BiVariateChoroplethMap
-};
-//# sourceMappingURL=BiVariateChoroplethMap.js.map
+import { t as e } from "./BiVariateMap-Dkppk8YD.js";
+export { e as BiVariateChoroplethMap };

package/dist/BiVariateMap-DXLWC3wL.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Icons-DXw7FqJ_.cjs`),r=require(`./CsvDownloadButton-web25aO3.cjs`),i=require(`./ImageDownloadButton.cjs`),a=require(`./Colors.cjs`),ee=require(`./GraphFooter.cjs`),te=require(`./GraphHeader.cjs`),o=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),s=require(`./fetchAndParseData-Dlq4UzdG.cjs`),ne=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./parse-C718o4YM.cjs`),l=require(`./getSliderMarks-DCEGtxIl.cjs`),u=require(`./src-BstANsLK.cjs`),d=require(`./threshold-BXJz-mv7.cjs`),f=require(`./fast-deep-equal-DN3ilkVq.cjs`),p=require(`./proxy-DaRMphjR.cjs`),re=require(`./AnimatePresence-CapU-Sxd.cjs`),m=require(`./use-in-view-C4EPQfwM.cjs`),h=require(`./numberFormattingFunction-Caf5NyIo.cjs`),ie=require(`./DetailsModal-CtGqGcX9.cjs`),ae=require(`./Tooltip-CO_iOj_w.cjs`),g=require(`./select-CZVfejpg.cjs`),oe=require(`./getJenks-D0stlcvY.cjs`),se=require(`./esm-BwfGJUcL.cjs`);let ce=require(`@undp/design-system-react/cn`),_=require(`react`),v=require(`@undp/design-system-react/Spinner`),le=require(`@undp/design-system-react/Typography`),ue=require(`@undp/design-system-react/SliderUI`);var de=e.a(f.t(),1),y=t.t();function fe(e){let{data:t,xDomain:a,mapData:ee,xColorLegendTitle:te,yDomain:s,yColorLegendTitle:ne,width:c,height:l,colors:f,scale:oe,centerPoint:v,mapBorderWidth:ue,mapNoDataColor:fe,mapBorderColor:b,tooltip:pe,onSeriesMouseOver:me,zoomScaleExtend:x,zoomTranslateExtend:he,highlightedIds:S,onSeriesMouseClick:C,mapProperty:w,resetSelectionOnDoubleClick:ge,detailsOnClick:T,showColorScale:_e,styles:ve,classNames:E,mapProjection:D,zoomInteraction:O,animate:k,dimmedOpacity:A,customLayers:j,collapseColorScaleByDefault:ye,zoomAndCenterByHighlightedIds:be,projectionRotate:M,rewindCoordinatesInMapData:N,overlayMapData:P,overlayMapBorderColor:F,overlayMapBorderWidth:xe,xNumberDisplayOptions:I,yNumberDisplayOptions:L,graphDownload:R,dataDownload:z}=e,B=(0,_.useMemo)(()=>N?u.c(ee,{reverse:!0}):ee,[ee,N]),Se=(0,_.useMemo)(()=>!N||!P?P:u.c(P,{reverse:!0}),[P,N]),[Ce,we]=(0,_.useState)(ye===void 0?!(c<680):!ye),[V,H]=(0,_.useState)(void 0),[Te,Ee]=(0,_.useState)(void 0),[U,De]=(0,_.useState)(void 0),[W,Oe]=(0,_.useState)(void 0),[G,ke]=(0,_.useState)(void 0),K=(0,_.useRef)(null),q=m.t(K,{once:k.once,amount:k.amount}),J=(0,_.useRef)(null),Y=(0,_.useRef)(null);(0,_.useEffect)(()=>{let e=g.t(J.current),t=g.t(K.current),n=u.t().scaleExtent(x).translateExtent(he||[[-20,-20],[c+20,l+20]]).filter(e=>{if(O===`noZoom`)return!1;if(O===`button`)return!e.type.includes(`wheel`);let t=e.type===`wheel`,n=e.type.startsWith(`touch`),r=e.type===`mousedown`||e.type===`mousemove`;return n?!0:t?O===`scroll`?!0:e.ctrlKey:r&&!e.button&&!e.ctrlKey}).on(`zoom`,({transform:t})=>{e.attr(`transform`,t)});t.call(n),Y.current=n},[l,c,O]);let X=u.l({...B,features:be?B.features.filter(e=>(S||[]).length===0||S?.indexOf(e.properties[w])!==-1):B.features}),Z=se.t({...B,features:be?B.features.filter(e=>(S||[]).length===0||S?.indexOf(e.properties[w])!==-1):B.features}),Ae=(X[2]-X[0])*1.15,je=(X[3]-X[1])*1.15,Me=c*190/960*360/Ae,Ne=l*190/678*180/je,Q=oe*Math.min(Me,Ne),Pe=D===`mercator`?u.a().rotate(M).center(v||Z.geometry.coordinates).translate([c/2,l/2]).scale(Q):D===`equalEarth`?u.i().rotate(M).center(v||Z.geometry.coordinates).translate([c/2,l/2]).scale(Q):D===`naturalEarth`?u.r().rotate(M).center(v||Z.geometry.coordinates).translate([c/2,l/2]).scale(Q):D===`orthographic`?u.n().rotate(M).center(v||Z.geometry.coordinates).translate([c/2,l/2]).scale(Q):u.o().rotate(M).center(v||Z.geometry.coordinates).translate([c/2,l/2]).scale(Q),$=u.s().projection(Pe),Fe=Array.from({length:a.length},(e,t)=>t),Ie=Array.from({length:s.length},(e,t)=>t),Le=d.t().domain(a).range(Fe),Re=d.t().domain(s).range(Ie),ze=e=>{!K.current||!Y.current||g.t(K.current).call(Y.current.scaleBy,e===`in`?1.2:1/1.2)};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`div`,{className:`relative`,children:[(0,y.jsx)(p.t.svg,{viewBox:`0 0 ${c} ${l}`,width:`${c}px`,height:`${l}px`,ref:K,direction:`ltr`,children:(0,y.jsxs)(`g`,{ref:J,children:[j.filter(e=>e.position===`before`).map(e=>e.layer),B.features.map((e,t)=>{if(!e.properties?.[w])return null;let n=$(e);return n?(0,y.jsx)(p.t.g,{opacity:V||S&&S.indexOf(e.properties[w])===-1?A:1,children:(0,y.jsx)(`path`,{d:n,style:{stroke:b,strokeWidth:ue,fill:fe,vectorEffect:`non-scaling-stroke`}})},t):null}),(0,y.jsx)(re.t,{children:t.map(e=>{let t=B.features.findIndex(t=>e.id===t.properties[w]);if(t===-1)return null;let n=$(B.features[t]);if(!n)return null;let r=o.t(e.x)?void 0:Le(e.x),i=o.t(e.y)?void 0:Re(e.y),a=r!==void 0&&i!==void 0?f[i][r]:fe;return(0,y.jsx)(p.t.g,{className:`undp-map-shapes`,variants:{initial:{opacity:0},whileInView:{opacity:V?V===a&&(!S||S.indexOf(e.id)!==-1)?1:A:S&&S.indexOf(e.id)===-1?A:1,transition:{duration:k.duration}}},initial:`initial`,animate:q?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:k.duration}},onMouseEnter:t=>{De(e),ke(t.clientY),Oe(t.clientX),me?.(e)},onClick:()=>{(C||T)&&((0,de.default)(Te,e)&&ge?(Ee(void 0),C?.(void 0)):(Ee(e),C?.(e)))},onMouseMove:t=>{De(e),ke(t.clientY),Oe(t.clientX)},onMouseLeave:()=>{De(void 0),Oe(void 0),ke(void 0),me?.(void 0)},children:(0,y.jsx)(p.t.path,{d:n,variants:{initial:{fill:a,opacity:0},whileInView:{fill:a,opacity:1,transition:{duration:k.duration}}},initial:`initial`,animate:q?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:k.duration}},className:`${a===fe?`stroke-primary-gray-400 dark:stroke-primary-gray-500`:`stroke-primary-white dark:stroke-primary-gray-650`}`,style:{stroke:b,strokeWidth:ue,vectorEffect:`non-scaling-stroke`}},`${e.id}`)},e.id)})}),U?B.features.filter(e=>e.properties[w]===U.id).map((e,t)=>(0,y.jsx)(`path`,{d:$(e)||``,className:`stroke-primary-gray-700 dark:stroke-primary-gray-300`,style:{fill:`none`,fillOpacity:0,strokeWidth:`0.5`,vectorEffect:`non-scaling-stroke`}},t)):null,Se?.features.map((e,t)=>{let n=$(e);return n?(0,y.jsx)(`g`,{children:(0,y.jsx)(`path`,{d:n,style:{stroke:F||b,strokeWidth:xe||ue+1,fill:`none`,pointerEvents:`none`,vectorEffect:`non-scaling-stroke`}})},t):null}),j.filter(e=>e.position===`after`).map(e=>e.layer)]})}),_e===!1?null:(0,y.jsx)(`div`,{className:(0,ce.cn)(`absolute left-4 bottom-4 map-color-legend`,E?.colorLegend),children:Ce?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(`button`,{type:`button`,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:()=>{we(!1)},children:(0,y.jsx)(n.m,{})}),(0,y.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:[(0,y.jsxs)(`div`,{className:`flex gap-1 items-center`,children:[(0,y.jsx)(`svg`,{width:`136px`,viewBox:`0 0 136 136`,className:`shrink-0`,children:(0,y.jsxs)(`g`,{children:[f.map((e,t)=>(0,y.jsx)(`g`,{transform:`translate(0,${100-t*25})`,children:e.map((e,t)=>(0,y.jsx)(`rect`,{y:1,x:t*25+1,fill:e,width:23,height:23,strokeWidth:V===e?2:.25,style:{cursor:`pointer`},onMouseOver:()=>{H(e)},onFocus:()=>{H(e)},onMouseLeave:()=>{H(void 0)}},t))},t)),(0,y.jsx)(`g`,{transform:`translate(0,125)`,children:a.map((e,t)=>(0,y.jsx)(`text`,{y:10,x:(t+1)*25,fontSize:10,textAnchor:`middle`,children:typeof e==`string`||e<1?e:h.t(e,void 0,I?.precision??2,void 0,void 0,I?.locale||`en`,I?.padZeros||!1)},t))}),s.map((e,t)=>(0,y.jsx)(`g`,{transform:`translate(${Math.max(Math.min(a.length+1,5),4)*25+10},${100-t*25})`,children:(0,y.jsx)(`text`,{x:0,transform:`rotate(-90)`,y:0,fontSize:10,textAnchor:`middle`,children:typeof e==`string`||e<1?e:h.t(e,void 0,L?.precision??2,void 0,void 0,L?.locale||`en`,L?.padZeros||!1)})},t))]})}),(0,y.jsx)(le.P,{marginBottom:`none`,size:`xs`,className:`leading-normal text-center shrink-0`,style:{display:`-webkit-box`,WebkitLineClamp:`1`,WebkitBoxOrient:`vertical`,overflow:`hidden`,writingMode:`vertical-rl`,height:`8.5rem`,transform:`rotate(180deg)`},children:ne})]}),(0,y.jsx)(le.P,{marginBottom:`none`,size:`xs`,className:`mt-1 leading-normal text-center`,style:{display:`-webkit-box`,WebkitLineClamp:`1`,width:`8.5rem`,WebkitBoxOrient:`vertical`,overflow:`hidden`},children:te})]})]}):(0,y.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:()=>{we(!0)},children:(0,y.jsx)(n.i,{})})}),O===`button`&&(0,y.jsxs)(`div`,{className:`absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons`,children:[(0,y.jsx)(`button`,{type:`button`,onClick:()=>ze(`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:`+`}),(0,y.jsx)(`button`,{type:`button`,onClick:()=>ze(`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:`–`})]}),(R||z)&&(0,y.jsxs)(`div`,{className:`absolute right-4 top-4 flex flex-col image-download-button gap-2`,children:[R&&(0,y.jsx)(i.ImageDownloadButton,{nodeID:R,buttonSmall:!0,className:`p-1`}),z&&z.length>0&&(0,y.jsx)(r.t,{csvData:z,buttonSmall:!0,headers:Object.keys(z[0]).map(e=>({label:e,key:e})),className:`p-1`})]})]}),U&&pe&&W&&G?(0,y.jsx)(ae.t,{data:U,body:pe,xPos:W,yPos:G,backgroundStyle:ve?.tooltip,className:E?.tooltip}):null,T&&Te!==void 0?(0,y.jsx)(ie.t,{body:T,data:Te,setData:Ee,className:E?.modal}):null]})}function b(e){let{data:t,graphTitle:r,mapData:i=`https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json`,colors:o=a.Colors.light.bivariateColors.colors05x05,sources:u,graphDescription:d,height:f,width:p,footNote:re=`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.`,xDomain:m,yDomain:h,xColorLegendTitle:ie=`X Color key`,yColorLegendTitle:ae=`Y Color key`,tooltip:g,scale:se=.95,centerPoint:ce,padding:le,mapBorderWidth:de=.5,mapNoDataColor:b=a.Colors.light.graphNoData,backgroundColor:pe=!1,mapBorderColor:me=a.Colors.light.grays[`gray-500`],relativeHeight:x,onSeriesMouseOver:he,isWorldMap:S=!0,zoomScaleExtend:C=[.8,6],zoomTranslateExtend:w,graphID:ge,showColorScale:T=!0,highlightedIds:_e,onSeriesMouseClick:ve,mapProperty:E=`ISO3`,graphDownload:D=!1,dataDownload:O=!1,showAntarctica:k=!1,language:A=`en`,minHeight:j=0,theme:ye=`light`,ariaLabel:be,resetSelectionOnDoubleClick:M=!0,detailsOnClick:N,styles:P,classNames:F,mapProjection:xe=`naturalEarth`,zoomInteraction:I=`button`,animate:L=!1,dimmedOpacity:R=.3,customLayers:z=[],timeline:B={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},collapseColorScaleByDefault:Se,zoomAndCenterByHighlightedIds:Ce=!1,projectionRotate:we=[0,0],rewindCoordinatesInMapData:V=!0,mapOverlay:H,xNumberDisplayOptions:Te,yNumberDisplayOptions:Ee}=e,[U,De]=(0,_.useState)(0),[W,Oe]=(0,_.useState)(0),[G,ke]=(0,_.useState)(B.autoplay),K=(0,_.useMemo)(()=>{let e=[...new Set(t.filter(e=>e.date).map(e=>c.t(`${e.date}`,B.dateFormat||`yyyy`,new Date).getTime()))];return e.sort((e,t)=>e-t),e},[t,B.dateFormat]),[q,J]=(0,_.useState)(B.autoplay?0:K.length-1),[Y,X]=(0,_.useState)(void 0),[Z,Ae]=(0,_.useState)(void 0),je=(0,_.useRef)(null),Me=(0,_.useRef)(null);(0,_.useEffect)(()=>{let e=new ResizeObserver(e=>{De(e[0].target.clientWidth||620),Oe(e[0].target.clientHeight||480)});return je.current&&e.observe(je.current),()=>e.disconnect()},[]);let Ne=(0,_.useEffectEvent)(e=>{X(e)}),Q=(0,_.useEffectEvent)(e=>{Ae(e)});(0,_.useEffect)(()=>{typeof i==`string`?s.r(i).then(e=>{Ne(e)}):Ne(i)},[i]),(0,_.useEffect)(()=>{H?.mapData||Q(void 0),typeof H?.mapData==`string`?s.r(H?.mapData).then(e=>{Q(e)}):Q(H?.mapData)},[H?.mapData]),(0,_.useEffect)(()=>{let e=setInterval(()=>{J(e=>e<K.length-1?e+1:0)},(B.speed||2)*1e3);return G||clearInterval(e),()=>clearInterval(e)},[K,G,B.speed]);let Pe=l.t(K,q,B.showOnlyActiveDate,B.dateFormat||`yyyy`);return m&&h&&(m.length!==o[0].length-1||h.length!==o.length-1)?(console.error(`the xDomain and yDomain array length don't match to the color array length`),null):(0,y.jsxs)(ne.n,{className:F?.graphContainer,style:P?.graphContainer,id:ge,ref:Me,"aria-label":be,backgroundColor:pe,theme:ye,language:A,minHeight:j,width:p,height:f,relativeHeight:x,padding:le,children:[r||d?(0,y.jsx)(te.GraphHeader,{styles:{title:P?.title,description:P?.description},classNames:{title:F?.title,description:F?.description},graphTitle:r,graphDescription:d,width:p}):null,B.enabled&&K.length>0&&Pe?(0,y.jsxs)(`div`,{className:`flex gap-6 items-center`,dir:`ltr`,children:[(0,y.jsx)(`button`,{type:`button`,onClick:()=>{ke(!G)},className:`p-0 border-0 cursor-pointer bg-transparent`,"aria-label":G?`Click to pause animation`:`Click to play animation`,children:G?(0,y.jsx)(n.l,{}):(0,y.jsx)(n.u,{})}),(0,y.jsx)(ue.SliderUI,{min:K[0],max:K[K.length-1],marks:Pe,step:null,defaultValue:K[K.length-1],value:K[q],onChangeComplete:e=>{J(K.indexOf(e))},onChange:e=>{J(K.indexOf(e))},"aria-label":`Time slider. Use arrow keys to adjust selected time period.`})]}):null,(0,y.jsx)(ne.t,{ref:je,children:U&&W&&Y?(0,y.jsx)(fe,{data:t.filter(e=>B.enabled?`${e.date}`===c.n(new Date(K[q]),B.dateFormat||`yyyy`):e),mapData:k?Y:{...Y,features:Y.features.filter(e=>e.properties?.NAME!==`Antarctica`)},xDomain:m||oe.t(t.map(e=>e.x),o[0].length),yDomain:h||oe.t(t.map(e=>e.y),o.length),width:U,height:W,scale:se,centerPoint:ce,colors:o,xColorLegendTitle:ie,yColorLegendTitle:ae,mapBorderWidth:de,mapNoDataColor:b,mapBorderColor:me,tooltip:g,onSeriesMouseOver:he,isWorldMap:S,zoomScaleExtend:C,zoomTranslateExtend:w,onSeriesMouseClick:ve,mapProperty:E,highlightedIds:_e,resetSelectionOnDoubleClick:M,styles:P,showColorScale:T,classNames:F,mapProjection:xe||(S?`naturalEarth`:`mercator`),detailsOnClick:N,zoomInteraction:I,overlayMapData:Z,overlayMapBorderColor:H?.mapBorderColor,overlayMapBorderWidth:H?.mapBorderWidth,animate:L===!0?{duration:.5,once:!0,amount:.5}:L||{duration:0,once:!0,amount:0},dimmedOpacity:R,customLayers:z,collapseColorScaleByDefault:Se,zoomAndCenterByHighlightedIds:Ce,projectionRotate:we,rewindCoordinatesInMapData:V,xNumberDisplayOptions:Te,yNumberDisplayOptions:Ee,graphDownload:D?Me:void 0,dataDownload:O?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):(0,y.jsx)(`div`,{style:{height:`${Math.max(j,f||(x?j?(p||U)*x>j?(p||U)*x:j:(p||U)*x:W))}px`},className:`flex items-center justify-center`,children:(0,y.jsx)(v.Spinner,{"aria-label":`Loading graph`})})}),u||re?(0,y.jsx)(ee.GraphFooter,{styles:{footnote:P?.footnote,source:P?.source},classNames:{footnote:F?.footnote,source:F?.source},sources:u,footNote:re,width:p}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
+//# sourceMappingURL=BiVariateMap-DXLWC3wL.cjs.map