@undp/data-viz 2.6.0 → 2.6.1

package/dist/ButterflyChart.js

@@ -1,510 +1,2 @@
-import { c as ve, j as i } from "./compiler-runtime-qHgugrLy.js";
-import { useRef as de, useState as Ft, useEffect as fe } from "react";
-import { SliderUI as we } from "@undp/design-system-react/SliderUI";
-import { f as Ae, p as je } from "./parse-Dv4of-PN.js";
-import { i as ue } from "./index-Bwrro8-q.js";
-import { cn as re } from "@undp/design-system-react/cn";
-import { n as xe } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Be } from "./Tooltip-DO56mY4b.js";
-import { X as he } from "./XTicksAndGridLines-obTK2e7G.js";
-import { A as pe } from "./Axis-RRx-0Rlw.js";
-import { Y as Le } from "./YAxesLabels-CwVnFG2a.js";
-import { R as ge } from "./ReferenceLine-NF4g3Reh.js";
-import { D as Me } from "./DetailsModal-k-Me_U_T.js";
-import { b as Ce } from "./band-DYty33LD.js";
-import { a as ye } from "./linear-DNXM5Pdl.js";
-import { m as It } from "./proxy-D31SA_aE.js";
-import { u as $e } from "./use-in-view-Co5SmzfT.js";
-import { A as ce } from "./index-CNUlPiEL.js";
-import { GraphFooter as ke } from "./GraphFooter.js";
-import { GraphHeader as Ve } from "./GraphHeader.js";
-import { ColorLegend as Oe } from "./ColorLegend.js";
-import { Colors as be } from "./Colors.js";
-import { E as De } from "./EmptyState-prZ8OnEs.js";
-import { P as Ne, e as Te } from "./index-D_ls5oK8.js";
-import { g as Se } from "./getSliderMarks-DSxFGb1f.js";
-import { c as me } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { c as Ie } from "./ensureCompleteData-CDIukSG6.js";
-import { a as Fe, G as Ge } from "./GraphContainer-DcOM2CI6.js";
-function Re(a) {
-  const t = ve.c(143), {
-    data: l,
-    width: $,
-    height: A,
-    barColors: f,
-    centerGap: j,
-    refValues: h,
-    maxValue: mt,
-    minValue: jt,
-    showValues: dt,
-    axisTitles: ft,
-    rightMargin: Qt,
-    leftMargin: _t,
-    topMargin: J,
-    bottomMargin: te,
-    tooltip: Gt,
-    onSeriesMouseOver: ut,
-    barPadding: Rt,
-    truncateBy: Bt,
-    onSeriesMouseClick: N,
-    showTicks: Lt,
-    suffix: xt,
-    prefix: ht,
-    resetSelectionOnDoubleClick: Mt,
-    detailsOnClick: I,
-    styles: n,
-    classNames: s,
-    noOfTicks: k,
-    animate: d,
-    precision: pt,
-    customLayers: F,
-    minValueLeftBar: G,
-    minValueRightBar: R,
-    naLabel: Pt,
-    hideAxisLine: Ct,
-    locale: gt,
-    padZeros: yt
-  } = a, ee = de(null);
-  let Et;
-  t[0] !== d.amount || t[1] !== d.once ? (Et = {
-    once: d.once,
-    amount: d.amount
-  }, t[0] = d.amount, t[1] = d.once, t[2] = Et) : Et = t[2];
-  const V = $e(ee, Et), [u, c] = Ft(void 0), [P, $t] = Ft(void 0), [bt, E] = Ft(void 0), [Xt, vt] = Ft(void 0);
-  let p;
-  t[3] !== te || t[4] !== _t || t[5] !== Qt || t[6] !== J ? (p = {
-    top: J,
-    bottom: te,
-    left: _t,
-    right: Qt
-  }, t[3] = te, t[4] = _t, t[5] = Qt, t[6] = J, t[7] = p) : p = t[7];
-  const m = p, B = $ - m.left - m.right, L = A - m.top - m.bottom;
-  let K, Q, _, tt, O, D, et, it, at, T, X, st, lt, ot;
-  if (t[8] !== d || t[9] !== f[0] || t[10] !== f[1] || t[11] !== Rt || t[12] !== j || t[13] !== s?.graphObjectValues || t[14] !== s?.xAxis?.gridLines || t[15] !== s?.xAxis?.labels || t[16] !== s?.yAxis?.axis || t[17] !== s?.yAxis?.labels || t[18] !== F || t[19] !== l || t[20] !== I || t[21] !== L || t[22] !== B || t[23] !== A || t[24] !== Ct || t[25] !== V || t[26] !== gt || t[27] !== m.bottom || t[28] !== m.left || t[29] !== m.top || t[30] !== mt || t[31] !== jt || t[32] !== G || t[33] !== R || t[34] !== P || t[35] !== Pt || t[36] !== k || t[37] !== N || t[38] !== ut || t[39] !== yt || t[40] !== pt || t[41] !== ht || t[42] !== h || t[43] !== Mt || t[44] !== Lt || t[45] !== dt || t[46] !== n?.graphObjectValues || t[47] !== n?.xAxis?.gridLines || t[48] !== n?.xAxis?.labels || t[49] !== n?.yAxis?.axis || t[50] !== n?.yAxis?.labels || t[51] !== xt || t[52] !== J || t[53] !== Bt || t[54] !== $) {
-    const M = l.map(qe), C = Ce().domain(M.map(Ue)).range([L, 0]).paddingInner(Rt), g = ye().domain([jt, mt]).range([0, (B - j) / 2]).nice(), oe = g.ticks(k), x = ye().domain([jt, mt]).range([(B - j) / 2, 0]).nice(), Ut = x.ticks(k);
-    _ = It.svg, lt = `${$}px`, ot = `${A}px`, tt = `0 0 ${$} ${A}`, O = "ltr", D = ee, at = `translate(${m.left},${m.top})`, t[69] !== F ? (T = F.filter(ze).map(Ze), t[69] = F, t[70] = T) : T = t[70];
-    const Nt = s?.yAxis?.axis;
-    let wt;
-    t[71] !== Nt ? (wt = {
-      axis: Nt
-    }, t[71] = Nt, t[72] = wt) : wt = t[72];
-    const qt = n?.yAxis?.axis;
-    let At;
-    t[73] !== qt ? (At = {
-      axis: qt
-    }, t[73] = qt, t[74] = At) : At = t[74], X = /* @__PURE__ */ i.jsxs("g", { transform: "translate(0,0)", children: [
-      Lt ? /* @__PURE__ */ i.jsx(he, { values: Ut.filter(We), x: Ut.filter(Ye).map((e) => x(e)), y1: 0 - J, y2: L + m.bottom, styles: {
-        gridLines: n?.xAxis?.gridLines,
-        labels: n?.xAxis?.labels
-      }, classNames: {
-        gridLines: s?.xAxis?.gridLines,
-        labels: s?.xAxis?.labels
-      }, suffix: xt, prefix: ht, labelType: "secondary", showGridLines: !0, leftLabel: !0, precision: pt, padZeros: yt, locale: gt }) : null,
-      /* @__PURE__ */ i.jsxs(ce, { children: [
-        M.map((e, y) => /* @__PURE__ */ i.jsxs(It.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (b) => {
-          c(e), vt(b.clientY), E(b.clientX), ut?.(e);
-        }, onClick: () => {
-          (N || I) && (ue(P, e) && Mt ? ($t(void 0), N?.(void 0)) : ($t(e), N?.(e)));
-        }, onMouseMove: (b) => {
-          c(e), vt(b.clientY), E(b.clientX);
-        }, onMouseLeave: () => {
-          c(void 0), E(void 0), vt(void 0), ut?.(void 0);
-        }, children: [
-          e.leftBar ? /* @__PURE__ */ i.jsx(It.rect, { y: C(`${y}`), style: {
-            fill: f[0]
-          }, height: C.bandwidth(), variants: {
-            initial: {
-              x: x(0),
-              width: 0
-            },
-            whileInView: {
-              x: e.leftBar < 0 ? x(0) : x(e.leftBar),
-              width: e.leftBar < 0 ? x(e.leftBar) - x(0) : x(0) - x(e.leftBar),
-              transition: {
-                duration: d.duration
-              }
-            }
-          }, initial: "initial", animate: V ? "whileInView" : "initial", exit: {
-            x: x(0),
-            width: 0,
-            transition: {
-              duration: d.duration
-            }
-          } }) : null,
-          dt ? /* @__PURE__ */ i.jsx(It.text, { y: C(`${y}`) + C.bandwidth() / 2, style: {
-            textAnchor: e.leftBar && e.leftBar > 0 ? "end" : "start",
-            ...n?.graphObjectValues || {}
-          }, dx: e.leftBar && e.leftBar > 0 ? -5 : 5, dy: "0.33em", className: re("graph-value text-sm", s?.graphObjectValues), exit: {
-            opacity: 0,
-            transition: {
-              duration: d.duration
-            }
-          }, variants: {
-            initial: {
-              x: x(0),
-              opacity: 0,
-              fill: f[0]
-            },
-            whileInView: {
-              x: e.leftBar ? x(e.leftBar) : x(G < 0 ? 0 : G),
-              opacity: 1,
-              fill: f[0],
-              transition: {
-                duration: d.duration
-              }
-            }
-          }, initial: "initial", animate: V ? "whileInView" : "initial", children: xe(e.leftBar, Pt, pt, ht, xt, gt, yt) }) : null
-        ] }, e.label)),
-        /* @__PURE__ */ i.jsx(pe, { hideAxisLine: Ct, y1: -2.5, y2: L + m.bottom, x1: x(G < 0 ? 0 : G), x2: x(G < 0 ? 0 : G), classNames: wt, styles: At }),
-        h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map((e, y) => /* @__PURE__ */ i.jsx(ge, { text: e.text, color: e.color, x: x(e.value), y1: 0 - m.top, y2: L + m.bottom, textSide: "left", classNames: e.classNames, styles: e.styles, animate: d, isInView: V }, y)) }) : null
-      ] })
-    ] });
-    const Tt = s?.yAxis?.axis;
-    let St;
-    t[75] !== Tt ? (St = {
-      axis: Tt
-    }, t[75] = Tt, t[76] = St) : St = t[76];
-    const Jt = n?.yAxis?.axis;
-    let q;
-    t[77] !== Jt ? (q = {
-      axis: Jt
-    }, t[77] = Jt, t[78] = q) : q = t[78], st = /* @__PURE__ */ i.jsxs("g", { transform: `translate(${(B + j) / 2},0)`, children: [
-      Lt ? /* @__PURE__ */ i.jsx(he, { values: oe.filter(He), x: oe.filter(Xe).map((e) => g(e)), y1: 0 - J, y2: L + m.bottom, styles: {
-        gridLines: n?.xAxis?.gridLines,
-        labels: n?.xAxis?.labels
-      }, classNames: {
-        gridLines: s?.xAxis?.gridLines,
-        labels: s?.xAxis?.labels
-      }, suffix: xt, prefix: ht, labelType: "secondary", showGridLines: !0, precision: pt, padZeros: yt, locale: gt }) : null,
-      /* @__PURE__ */ i.jsxs(ce, { children: [
-        M.map((e, y) => /* @__PURE__ */ i.jsxs(It.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (b) => {
-          c(e), vt(b.clientY), E(b.clientX), ut?.(e);
-        }, onClick: () => {
-          (N || I) && (ue(P, e) && Mt ? ($t(void 0), N?.(void 0)) : ($t(e), N?.(e)));
-        }, onMouseMove: (b) => {
-          c(e), vt(b.clientY), E(b.clientX);
-        }, onMouseLeave: () => {
-          c(void 0), E(void 0), vt(void 0), ut?.(void 0);
-        }, children: [
-          e.rightBar ? /* @__PURE__ */ i.jsx(It.rect, { y: C(`${y}`), style: {
-            fill: f[1]
-          }, height: C.bandwidth(), exit: {
-            x: g(0),
-            width: 0,
-            transition: {
-              duration: d.duration
-            }
-          }, variants: {
-            initial: {
-              x: g(0),
-              width: 0
-            },
-            whileInView: {
-              x: e.rightBar >= 0 ? g(0) : g(e.rightBar),
-              width: e.rightBar >= 0 ? g(e.rightBar) - g(0) : g(0) - g(e.rightBar),
-              transition: {
-                duration: d.duration
-              }
-            }
-          }, initial: "initial", animate: V ? "whileInView" : "initial" }) : null,
-          dt ? /* @__PURE__ */ i.jsx(It.text, { y: C(`${y}`) + C.bandwidth() / 2, style: {
-            textAnchor: e.rightBar && e.rightBar < 0 ? "end" : "start",
-            ...n?.graphObjectValues || {}
-          }, className: re("graph-value text-sm", s?.graphObjectValues), dx: e.rightBar && e.rightBar < 0 ? -5 : 5, dy: "0.33em", exit: {
-            opacity: 0,
-            transition: {
-              duration: d.duration
-            }
-          }, variants: {
-            initial: {
-              x: g(0),
-              opacity: 0,
-              fill: f[1]
-            },
-            whileInView: {
-              x: e.rightBar ? g(e.rightBar) : g(R < 0 ? 0 : R),
-              opacity: 1,
-              fill: f[1],
-              transition: {
-                duration: d.duration
-              }
-            }
-          }, initial: "initial", animate: V ? "whileInView" : "initial", children: xe(e.rightBar, Pt, pt, ht, xt, gt, yt) }) : null
-        ] }, y)),
-        /* @__PURE__ */ i.jsx(pe, { hideAxisLine: Ct, y1: -2.5, y2: L + m.bottom, x1: g(R < 0 ? 0 : R), x2: g(R < 0 ? 0 : R), classNames: St, styles: q }),
-        h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map((e, y) => /* @__PURE__ */ i.jsx(ge, { text: e.text, color: e.color, x: g(e.value), y1: 0 - m.top, y2: L + m.bottom, textSide: "right", classNames: e.classNames, styles: e.styles, animate: d, isInView: V }, y)) }) : null
-      ] })
-    ] }), Q = ce, K = It.g, et = `translate(${B / 2},0)`, it = M.map((e, y) => /* @__PURE__ */ i.jsx(Le, { value: `${e.label}`.length < Bt ? `${e.label}` : `${`${e.label}`.substring(0, Bt)}...`, y: C(`${e.id}`), x: 0 - j / 2, width: j, height: C.bandwidth(), alignment: "center", style: n?.yAxis?.labels, className: s?.yAxis?.labels, animate: d, isInView: V }, y)), t[8] = d, t[9] = f[0], t[10] = f[1], t[11] = Rt, t[12] = j, t[13] = s?.graphObjectValues, t[14] = s?.xAxis?.gridLines, t[15] = s?.xAxis?.labels, t[16] = s?.yAxis?.axis, t[17] = s?.yAxis?.labels, t[18] = F, t[19] = l, t[20] = I, t[21] = L, t[22] = B, t[23] = A, t[24] = Ct, t[25] = V, t[26] = gt, t[27] = m.bottom, t[28] = m.left, t[29] = m.top, t[30] = mt, t[31] = jt, t[32] = G, t[33] = R, t[34] = P, t[35] = Pt, t[36] = k, t[37] = N, t[38] = ut, t[39] = yt, t[40] = pt, t[41] = ht, t[42] = h, t[43] = Mt, t[44] = Lt, t[45] = dt, t[46] = n?.graphObjectValues, t[47] = n?.xAxis?.gridLines, t[48] = n?.xAxis?.labels, t[49] = n?.yAxis?.axis, t[50] = n?.yAxis?.labels, t[51] = xt, t[52] = J, t[53] = Bt, t[54] = $, t[55] = K, t[56] = Q, t[57] = _, t[58] = tt, t[59] = O, t[60] = D, t[61] = et, t[62] = it, t[63] = at, t[64] = T, t[65] = X, t[66] = st, t[67] = lt, t[68] = ot;
-  } else
-    K = t[55], Q = t[56], _ = t[57], tt = t[58], O = t[59], D = t[60], et = t[61], it = t[62], at = t[63], T = t[64], X = t[65], st = t[66], lt = t[67], ot = t[68];
-  let H;
-  t[79] !== K || t[80] !== et || t[81] !== it ? (H = /* @__PURE__ */ i.jsx(K, { transform: et, children: it }), t[79] = K, t[80] = et, t[81] = it, t[82] = H) : H = t[82];
-  let Y;
-  t[83] !== Q || t[84] !== H ? (Y = /* @__PURE__ */ i.jsx(Q, { children: H }), t[83] = Q, t[84] = H, t[85] = Y) : Y = t[85];
-  const Ht = `translate(0,${L})`, Yt = n?.yAxis?.title;
-  let nt;
-  t[86] !== f[0] || t[87] !== Yt ? (nt = {
-    fill: f[0],
-    textAnchor: "end",
-    ...Yt
-  }, t[86] = f[0], t[87] = Yt, t[88] = nt) : nt = t[88];
-  const Wt = s?.yAxis?.title;
-  let rt;
-  t[89] !== Wt ? (rt = re("text-base", Wt), t[89] = Wt, t[90] = rt) : rt = t[90];
-  const kt = B / 2 - j / 2;
-  let W;
-  t[91] !== ft[0] || t[92] !== nt || t[93] !== rt || t[94] !== kt ? (W = /* @__PURE__ */ i.jsx("text", { style: nt, className: rt, x: kt, y: 0, dx: -5, dy: 20, children: ft[0] }), t[91] = ft[0], t[92] = nt, t[93] = rt, t[94] = kt, t[95] = W) : W = t[95];
-  const Zt = n?.yAxis?.title;
-  let Z;
-  t[96] !== f[1] || t[97] !== Zt ? (Z = {
-    fill: f[1],
-    textAnchor: "start",
-    ...Zt
-  }, t[96] = f[1], t[97] = Zt, t[98] = Z) : Z = t[98];
-  const o = s?.yAxis?.title;
-  let ct;
-  t[99] !== o ? (ct = re("text-base", o), t[99] = o, t[100] = ct) : ct = t[100];
-  const zt = B / 2 + j / 2;
-  let z;
-  t[101] !== ft[1] || t[102] !== Z || t[103] !== ct || t[104] !== zt ? (z = /* @__PURE__ */ i.jsx("text", { style: Z, className: ct, x: zt, y: 0, dx: 5, dy: 20, children: ft[1] }), t[101] = ft[1], t[102] = Z, t[103] = ct, t[104] = zt, t[105] = z) : z = t[105];
-  let Vt;
-  t[106] !== Ht || t[107] !== W || t[108] !== z ? (Vt = /* @__PURE__ */ i.jsxs("g", { transform: Ht, children: [
-    W,
-    z
-  ] }), t[106] = Ht, t[107] = W, t[108] = z, t[109] = Vt) : Vt = t[109];
-  let U;
-  t[110] !== F ? (U = F.filter(Ee).map(Pe), t[110] = F, t[111] = U) : U = t[111];
-  let Ot;
-  t[112] !== Y || t[113] !== Vt || t[114] !== U || t[115] !== at || t[116] !== T || t[117] !== X || t[118] !== st ? (Ot = /* @__PURE__ */ i.jsxs("g", { transform: at, children: [
-    T,
-    X,
-    st,
-    Y,
-    Vt,
-    U
-  ] }), t[112] = Y, t[113] = Vt, t[114] = U, t[115] = at, t[116] = T, t[117] = X, t[118] = st, t[119] = Ot) : Ot = t[119];
-  let w;
-  t[120] !== _ || t[121] !== tt || t[122] !== O || t[123] !== D || t[124] !== Ot || t[125] !== lt || t[126] !== ot ? (w = /* @__PURE__ */ i.jsx(_, { width: lt, height: ot, viewBox: tt, direction: O, ref: D, children: Ot }), t[120] = _, t[121] = tt, t[122] = O, t[123] = D, t[124] = Ot, t[125] = lt, t[126] = ot, t[127] = w) : w = t[127];
-  let Dt;
-  t[128] !== s?.tooltip || t[129] !== bt || t[130] !== Xt || t[131] !== u || t[132] !== n?.tooltip || t[133] !== Gt ? (Dt = u && Gt && bt && Xt ? /* @__PURE__ */ i.jsx(Be, { data: u, body: Gt, xPos: bt, yPos: Xt, backgroundStyle: n?.tooltip, className: s?.tooltip }) : null, t[128] = s?.tooltip, t[129] = bt, t[130] = Xt, t[131] = u, t[132] = n?.tooltip, t[133] = Gt, t[134] = Dt) : Dt = t[134];
-  let S;
-  t[135] !== s?.modal || t[136] !== I || t[137] !== P ? (S = I && P !== void 0 ? /* @__PURE__ */ i.jsx(Me, { body: I, data: P, setData: $t, className: s?.modal }) : null, t[135] = s?.modal, t[136] = I, t[137] = P, t[138] = S) : S = t[138];
-  let r;
-  return t[139] !== w || t[140] !== Dt || t[141] !== S ? (r = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    w,
-    Dt,
-    S
-  ] }), t[139] = w, t[140] = Dt, t[141] = S, t[142] = r) : r = t[142], r;
-}
-function Pe(a) {
-  return a.layer;
-}
-function Ee(a) {
-  return a.position === "after";
-}
-function Xe(a) {
-  return a !== 0;
-}
-function He(a) {
-  return a !== 0;
-}
-function Ye(a) {
-  return a !== 0;
-}
-function We(a) {
-  return a !== 0;
-}
-function Ze(a) {
-  return a.layer;
-}
-function ze(a) {
-  return a.position === "before";
-}
-function Ue(a) {
-  return `${a.id}`;
-}
-function qe(a, t) {
-  return {
-    ...a,
-    id: `${t}`
-  };
-}
-function le(a, t, l, $) {
-  const A = a.map((h) => h[t]).filter((h) => !me(h)), f = me(l) ? Math.min(...A) >= 0 ? 0 : Math.min(...A) : l, j = me($) ? Math.max(...A) < 0 ? 0 : Math.max(...A) : $;
-  return {
-    min: f,
-    max: j
-  };
-}
-function Oi(a) {
-  const t = ve.c(121), {
-    data: l,
-    graphTitle: $,
-    sources: A,
-    graphDescription: f,
-    height: j,
-    width: h,
-    footNote: mt,
-    padding: jt,
-    barColors: dt,
-    backgroundColor: ft,
-    leftMargin: Qt,
-    rightMargin: _t,
-    topMargin: J,
-    bottomMargin: te,
-    rightBarTitle: Gt,
-    leftBarTitle: ut,
-    tooltip: Rt,
-    relativeHeight: Bt,
-    onSeriesMouseOver: N,
-    graphID: Lt,
-    barPadding: xt,
-    truncateBy: ht,
-    onSeriesMouseClick: Mt,
-    centerGap: I,
-    showValues: n,
-    maxValue: s,
-    minValue: k,
-    refValues: d,
-    showTicks: pt,
-    showColorScale: F,
-    graphDownload: G,
-    dataDownload: R,
-    language: Pt,
-    colorLegendTitle: Ct,
-    minHeight: gt,
-    theme: yt,
-    ariaLabel: ee,
-    resetSelectionOnDoubleClick: Et,
-    detailsOnClick: V,
-    styles: u,
-    classNames: c,
-    noOfTicks: P,
-    animate: $t,
-    customLayers: bt,
-    timeline: E,
-    naLabel: Xt,
-    hideAxisLine: vt,
-    numberDisplayOptions: p
-  } = a;
-  let m;
-  t[0] !== dt ? (m = dt === void 0 ? [be.light.categoricalColors.colors[0], be.light.categoricalColors.colors[1]] : dt, t[0] = dt, t[1] = m) : m = t[1];
-  const B = m, L = ft === void 0 ? !1 : ft, K = Qt === void 0 ? 20 : Qt, Q = _t === void 0 ? 20 : _t, _ = J === void 0 ? 25 : J, tt = te === void 0 ? 30 : te, O = Gt === void 0 ? "Right bar graph" : Gt, D = ut === void 0 ? "Left bar graph" : ut, et = xt === void 0 ? 0.25 : xt, it = ht === void 0 ? 999 : ht, at = I === void 0 ? 100 : I, T = n === void 0 ? !0 : n;
-  let X;
-  t[2] !== d ? (X = d === void 0 ? [] : d, t[2] = d, t[3] = X) : X = t[3];
-  const st = X, lt = pt === void 0 ? !0 : pt, ot = F === void 0 ? !1 : F, H = G === void 0 ? !1 : G, Y = R === void 0 ? !1 : R, Ht = Pt === void 0 ? "en" : Pt, Yt = gt === void 0 ? 0 : gt, nt = yt === void 0 ? "light" : yt, Wt = Et === void 0 ? !0 : Et, rt = P === void 0 ? 5 : P, kt = $t === void 0 ? !1 : $t;
-  let W;
-  t[4] !== bt ? (W = bt === void 0 ? [] : bt, t[4] = bt, t[5] = W) : W = t[5];
-  const Zt = W;
-  let Z;
-  t[6] !== E ? (Z = E === void 0 ? {
-    enabled: !1,
-    autoplay: !1,
-    showOnlyActiveDate: !0
-  } : E, t[6] = E, t[7] = Z) : Z = t[7];
-  const o = Z, ct = Xt === void 0 ? "NA" : Xt, zt = vt === void 0 ? !1 : vt, [z, Vt] = Ft(0), [U, Ot] = Ft(0), [w, Dt] = Ft(o.autoplay);
-  let S;
-  if (t[8] !== l || t[9] !== o.dateFormat) {
-    let v;
-    t[11] !== o.dateFormat ? (v = (Kt) => je(`${Kt.date}`, o.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[11] = o.dateFormat, t[12] = v) : v = t[12], S = [...new Set(l.filter(ii).map(v))], S.sort(ei), t[8] = l, t[9] = o.dateFormat, t[10] = S;
-  } else
-    S = t[10];
-  const r = S, [M, C] = Ft(o.autoplay ? 0 : r.length - 1), g = de(null), oe = de(null);
-  let x, Ut;
-  t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
-    const v = new ResizeObserver((Kt) => {
-      Vt(Kt[0].target.clientWidth || 620), Ot(Kt[0].target.clientHeight || 480);
-    });
-    return g.current && v.observe(g.current), () => v.disconnect();
-  }, Ut = [], t[13] = x, t[14] = Ut) : (x = t[13], Ut = t[14]), fe(x, Ut);
-  let Nt, wt;
-  t[15] !== w || t[16] !== o.speed || t[17] !== r ? (Nt = () => {
-    const v = setInterval(() => {
-      C((Kt) => Kt < r.length - 1 ? Kt + 1 : 0);
-    }, (o.speed || 2) * 1e3);
-    return w || clearInterval(v), () => clearInterval(v);
-  }, wt = [r, w, o.speed], t[15] = w, t[16] = o.speed, t[17] = r, t[18] = Nt, t[19] = wt) : (Nt = t[18], wt = t[19]), fe(Nt, wt);
-  const qt = o.dateFormat || "yyyy";
-  let At;
-  t[20] !== M || t[21] !== qt || t[22] !== o.showOnlyActiveDate || t[23] !== r ? (At = Se(r, M, o.showOnlyActiveDate, qt), t[20] = M, t[21] = qt, t[22] = o.showOnlyActiveDate, t[23] = r, t[24] = At) : At = t[24];
-  const Tt = At, St = c?.graphContainer, Jt = u?.graphContainer;
-  let q;
-  t[25] !== c?.description || t[26] !== c?.title || t[27] !== l || t[28] !== Y || t[29] !== f || t[30] !== H || t[31] !== $ || t[32] !== u?.description || t[33] !== u?.title || t[34] !== h ? (q = $ || f || H || Y ? /* @__PURE__ */ i.jsx(Ve, { styles: {
-    title: u?.title,
-    description: u?.description
-  }, classNames: {
-    title: c?.title,
-    description: c?.description
-  }, graphTitle: $, graphDescription: f, width: h, graphDownload: H ? oe : void 0, dataDownload: Y ? l.map(ti).filter(_e).length > 0 ? l.map(Qe).filter(Ke) : l.filter(Je) : null }) : null, t[25] = c?.description, t[26] = c?.title, t[27] = l, t[28] = Y, t[29] = f, t[30] = H, t[31] = $, t[32] = u?.description, t[33] = u?.title, t[34] = h, t[35] = q) : q = t[35];
-  let e;
-  t[36] !== M || t[37] !== Tt || t[38] !== w || t[39] !== o.enabled || t[40] !== r ? (e = o.enabled && r.length > 0 && Tt ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
-    /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
-      Dt(!w);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": w ? "Click to pause animation" : "Click to play animation", children: w ? /* @__PURE__ */ i.jsx(Ne, {}) : /* @__PURE__ */ i.jsx(Te, {}) }),
-    /* @__PURE__ */ i.jsx(we, { min: r[0], max: r[r.length - 1], marks: Tt, step: null, defaultValue: r[r.length - 1], value: r[M], onChangeComplete: (v) => {
-      C(r.indexOf(v));
-    }, onChange: (v) => {
-      C(r.indexOf(v));
-    }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, t[36] = M, t[37] = Tt, t[38] = w, t[39] = o.enabled, t[40] = r, t[41] = e) : e = t[41];
-  let y;
-  t[42] !== B || t[43] !== c?.colorLegend || t[44] !== Ct || t[45] !== l.length || t[46] !== D || t[47] !== O || t[48] !== ot ? (y = ot && l.length > 0 ? /* @__PURE__ */ i.jsx(Oe, { colorLegendTitle: Ct, colorDomain: [D, O], colors: B, showNAColor: !1, className: c?.colorLegend }) : null, t[42] = B, t[43] = c?.colorLegend, t[44] = Ct, t[45] = l.length, t[46] = D, t[47] = O, t[48] = ot, t[49] = y) : y = t[49];
-  let b;
-  t[50] !== l.length ? (b = l.length === 0 && /* @__PURE__ */ i.jsx(De, {}), t[50] = l.length, t[51] = b) : b = t[51];
-  let ie;
-  t[52] !== kt || t[53] !== B || t[54] !== et || t[55] !== tt || t[56] !== at || t[57] !== c || t[58] !== Zt || t[59] !== l || t[60] !== V || t[61] !== zt || t[62] !== M || t[63] !== D || t[64] !== K || t[65] !== s || t[66] !== k || t[67] !== ct || t[68] !== rt || t[69] !== p?.locale || t[70] !== p?.padZeros || t[71] !== p?.precision || t[72] !== p?.prefix || t[73] !== p?.suffix || t[74] !== Mt || t[75] !== N || t[76] !== st || t[77] !== Wt || t[78] !== O || t[79] !== Q || t[80] !== lt || t[81] !== T || t[82] !== u || t[83] !== U || t[84] !== z || t[85] !== o.dateFormat || t[86] !== o.enabled || t[87] !== Rt || t[88] !== _ || t[89] !== it || t[90] !== r ? (ie = z && U && l.length > 0 ? /* @__PURE__ */ i.jsx(Re, { hideAxisLine: zt, data: Ie(l, o.dateFormat || "yyyy").filter((v) => o.enabled ? `${v.date}` === Ae(new Date(r[M]), o.dateFormat || "yyyy") : v), barColors: B, width: z, centerGap: at, height: U, truncateBy: it, leftMargin: K, rightMargin: Q, topMargin: _, bottomMargin: tt, axisTitles: [D, O], tooltip: Rt, onSeriesMouseOver: N, barPadding: et, refValues: st, maxValue: Math.max(le(l, "leftBar", k, s).max, le(l, "rightBar", k, s).max), minValue: Math.min(le(l, "leftBar", k, s).min, le(l, "rightBar", k, s).min), minValueLeftBar: le(l, "leftBar", k, s).min, minValueRightBar: le(l, "rightBar", k, s).min, showValues: T, onSeriesMouseClick: Mt, showTicks: lt, resetSelectionOnDoubleClick: Wt, detailsOnClick: V, styles: u, classNames: c, noOfTicks: rt, animate: kt === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : kt || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, customLayers: Zt, naLabel: ct, locale: p?.locale || "en", padZeros: p?.padZeros || !1, suffix: p?.suffix || "", prefix: p?.prefix || "", precision: p?.precision ?? 2 }) : null, t[52] = kt, t[53] = B, t[54] = et, t[55] = tt, t[56] = at, t[57] = c, t[58] = Zt, t[59] = l, t[60] = V, t[61] = zt, t[62] = M, t[63] = D, t[64] = K, t[65] = s, t[66] = k, t[67] = ct, t[68] = rt, t[69] = p?.locale, t[70] = p?.padZeros, t[71] = p?.precision, t[72] = p?.prefix, t[73] = p?.suffix, t[74] = Mt, t[75] = N, t[76] = st, t[77] = Wt, t[78] = O, t[79] = Q, t[80] = lt, t[81] = T, t[82] = u, t[83] = U, t[84] = z, t[85] = o.dateFormat, t[86] = o.enabled, t[87] = Rt, t[88] = _, t[89] = it, t[90] = r, t[91] = ie) : ie = t[91];
-  let ae;
-  t[92] !== b || t[93] !== ie ? (ae = /* @__PURE__ */ i.jsxs(Fe, { ref: g, children: [
-    b,
-    ie
-  ] }), t[92] = b, t[93] = ie, t[94] = ae) : ae = t[94];
-  let se;
-  t[95] !== c?.footnote || t[96] !== c?.source || t[97] !== mt || t[98] !== A || t[99] !== u?.footnote || t[100] !== u?.source || t[101] !== h ? (se = A || mt ? /* @__PURE__ */ i.jsx(ke, { styles: {
-    footnote: u?.footnote,
-    source: u?.source
-  }, classNames: {
-    footnote: c?.footnote,
-    source: c?.source
-  }, sources: A, footNote: mt, width: h }) : null, t[95] = c?.footnote, t[96] = c?.source, t[97] = mt, t[98] = A, t[99] = u?.footnote, t[100] = u?.source, t[101] = h, t[102] = se) : se = t[102];
-  let ne;
-  return t[103] !== ee || t[104] !== L || t[105] !== Lt || t[106] !== j || t[107] !== Ht || t[108] !== Yt || t[109] !== jt || t[110] !== Bt || t[111] !== St || t[112] !== Jt || t[113] !== q || t[114] !== e || t[115] !== y || t[116] !== ae || t[117] !== se || t[118] !== nt || t[119] !== h ? (ne = /* @__PURE__ */ i.jsxs(Ge, { className: St, style: Jt, id: Lt, ref: oe, "aria-label": ee, backgroundColor: L, theme: nt, language: Ht, minHeight: Yt, width: h, height: j, relativeHeight: Bt, padding: jt, children: [
-    q,
-    e,
-    y,
-    ae,
-    se
-  ] }), t[103] = ee, t[104] = L, t[105] = Lt, t[106] = j, t[107] = Ht, t[108] = Yt, t[109] = jt, t[110] = Bt, t[111] = St, t[112] = Jt, t[113] = q, t[114] = e, t[115] = y, t[116] = ae, t[117] = se, t[118] = nt, t[119] = h, t[120] = ne) : ne = t[120], ne;
-}
-function Je(a) {
-  return a !== void 0;
-}
-function Ke(a) {
-  return a !== void 0;
-}
-function Qe(a) {
-  return a.data;
-}
-function _e(a) {
-  return a !== void 0;
-}
-function ti(a) {
-  return a.data;
-}
-function ei(a, t) {
-  return a - t;
-}
-function ii(a) {
-  return a.date;
-}
-export {
-  Oi as ButterflyChart
-};
-//# sourceMappingURL=ButterflyChart.js.map
+import { t as e } from "./ButterflyChart-CHMH57WF.js";
+export { e as ButterflyChart };

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