@undp/data-viz 2.6.0 → 2.6.1

package/dist/DualAxisLineChart.js

@@ -1,633 +1,2 @@
-import { c as Le, j as n } from "./compiler-runtime-qHgugrLy.js";
-import { useRef as me, useState as Wt, useEffect as ge } from "react";
-import { p as zt, f as Ne } from "./parse-Dv4of-PN.js";
-import { cn as At } from "@undp/design-system-react/cn";
-import { o as Me } from "./index-BZQYSqar.js";
-import { n as ce } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Oe } from "./Tooltip-DO56mY4b.js";
-import { c as S } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as Te } from "./XTicksAndGridLines-obTK2e7G.js";
-import { A as ye } from "./Axis-RRx-0Rlw.js";
-import { A as Ae } from "./AxisTitle-B9F80_Z0.js";
-import { H as Ve } from "./index-CmkqqFRG.js";
-import { t as Ie } from "./time-vyz6Y89P.js";
-import { a as we } from "./linear-DNXM5Pdl.js";
-import { l as be, c as $e } from "./line-DFlZsxI1.js";
-import { c as Se, s as Ce, a as Fe, m as He } from "./step-BrDul-H4.js";
-import { s as Pe } from "./select-DKy99ogv.js";
-import { m as rt } from "./proxy-D31SA_aE.js";
-import { a as We } from "./init-BhZylTFx.js";
-import { p as Xe } from "./pointer-CWRWOsrb.js";
-import { u as Ee } from "./use-in-view-Co5SmzfT.js";
-import { GraphFooter as Ge } from "./GraphFooter.js";
-import { GraphHeader as Ye } from "./GraphHeader.js";
-import { ColorLegend as Re } from "./ColorLegend.js";
-import { Colors as je } from "./Colors.js";
-import { E as Ze } from "./EmptyState-prZ8OnEs.js";
-import { a as Be, G as ze } from "./GraphContainer-DcOM2CI6.js";
-import { g as Ue } from "./getNoOfTicks-CpmRjcRF.js";
-function qe(e) {
-  const t = Le.c(117), {
-    data: v,
-    width: z,
-    height: U,
-    lineColors: s,
-    labels: A,
-    sameAxes: w,
-    dateFormat: p,
-    showValues: wt,
-    noOfXTicks: Ut,
-    rightMargin: qt,
-    leftMargin: Xt,
-    topMargin: q,
-    bottomMargin: bt,
-    tooltip: ct,
-    highlightAreaSettings: jt,
-    onSeriesMouseOver: Lt,
-    animate: o,
-    strokeWidth: X,
-    showDots: C,
-    noOfYTicks: kt,
-    leftLineNumberDisplayOptions: b,
-    rightLineNumberDisplayOptions: j,
-    minDate: mt,
-    maxDate: Dt,
-    curveType: J,
-    styles: r,
-    classNames: c,
-    customLayers: E,
-    showAxisLabels: G,
-    naLabel: Et
-  } = e, Gt = me(null);
-  let ut;
-  t[0] !== o.amount || t[1] !== o.once ? (ut = {
-    once: o.once,
-    amount: o.amount
-  }, t[0] = o.amount, t[1] = o.once, t[2] = ut) : ut = t[2];
-  const d = Ee(Gt, ut), [y, Yt] = Wt(!1);
-  let ft, K;
-  t[3] !== o.duration || t[4] !== y || t[5] !== d ? (ft = () => {
-    if (d && !y) {
-      const i = setTimeout(() => {
-        Yt(!0);
-      }, (o.duration + 0.5) * 1e3);
-      return () => clearTimeout(i);
-    }
-  }, K = [d, y, o.duration], t[3] = o.duration, t[4] = y, t[5] = d, t[6] = ft, t[7] = K) : (ft = t[6], K = t[7]), ge(ft, K);
-  const Rt = J === "linear" ? $e : J === "step" ? Se : J === "stepAfter" ? Ce : J === "stepBefore" ? Fe : He, [M, Nt] = Wt(void 0), [pt, x] = Wt(void 0), [m, xt] = Wt(void 0), Mt = Xt + 50, Ot = qt + 65;
-  let Q;
-  t[8] !== bt || t[9] !== Mt || t[10] !== Ot || t[11] !== q ? (Q = {
-    top: q,
-    bottom: bt,
-    left: Mt,
-    right: Ot
-  }, t[8] = bt, t[9] = Mt, t[10] = Ot, t[11] = q, t[12] = Q) : Q = t[12];
-  const h = Q, Y = me(null);
-  let O;
-  t[13] !== p ? (O = (i) => ({
-    ...i,
-    date: zt(`${i.date}`, p, /* @__PURE__ */ new Date())
-  }), t[13] = p, t[14] = O) : O = t[14];
-  const a = Me(v.map(O), ["date"], ["asc"]);
-  let _;
-  if (t[15] !== p || t[16] !== jt) {
-    let i;
-    t[18] !== p ? (i = (D) => ({
-      ...D,
-      coordinates: [D.coordinates[0] === null ? null : zt(`${D.coordinates[0]}`, p, /* @__PURE__ */ new Date()), D.coordinates[1] === null ? null : zt(`${D.coordinates[1]}`, p, /* @__PURE__ */ new Date())]
-    }), t[18] = p, t[19] = i) : i = t[19], _ = jt.map(i), t[15] = p, t[16] = jt, t[17] = _;
-  } else
-    _ = t[17];
-  const dt = _, u = z - h.left - h.right, l = U - h.top - h.bottom, Zt = mt ? zt(`${mt}`, p, /* @__PURE__ */ new Date()) : a[0].date, Tt = Dt ? zt(`${Dt}`, p, /* @__PURE__ */ new Date()) : a[a.length - 1].date, ht = Math.min(...a.map(Ni).filter(Di)) !== 1 / 0 ? Math.min(...a.map(ki).filter(Li)) > 0 ? 0 : Math.min(...a.map(ji).filter(bi)) : 0, tt = Math.min(...a.map(wi).filter(Ai)) !== 1 / 0 ? Math.min(...a.map(vi).filter(gi)) > 0 ? 0 : Math.min(...a.map(yi).filter(hi)) : 0, R = Math.max(...a.map(di).filter(xi)) !== 1 / 0 ? Math.max(...a.map(pi).filter(fi)) : 0, Z = Math.max(...a.map(ui).filter(mi)) !== 1 / 0 ? Math.max(...a.map(ci).filter(ri)) : 0, Vt = ht < tt ? ht : tt, et = R > Z ? R : Z, f = Ie().domain([Zt, Tt]).range([0, u]), T = we().domain([w ? Vt : ht, w ? et > 0 ? et : 0 : R > 0 ? R : 0]).range([l, 0]).nice(), g = we().domain([w ? Vt : tt, w ? et > 0 ? et : 0 : Z > 0 ? Z : 0]).range([l, 0]).nice(), It = be().defined(li).x((i) => f(i.date)).y((i) => T(i.y1)).curve(Rt), yt = be().defined(ai).x((i) => f(i.date)).y((i) => g(i.y2)).curve(Rt), Bt = T.ticks(kt), $t = g.ticks(kt), St = f.ticks(Ut);
-  ge(() => {
-    const i = (he) => {
-      const ve = a[We(a.map(si), f.invert(Xe(he)[0]), 0)];
-      Nt(ve || a[a.length - 1]), Lt?.(ve || a[a.length - 1]), xt(he.clientY), x(he.clientX);
-    }, D = () => {
-      Nt(void 0), x(void 0), xt(void 0), Lt?.(void 0);
-    };
-    Pe(Y.current).on("mousemove", i).on("mouseout", D);
-  }, [f, a, Lt]);
-  let it;
-  t[20] !== o || t[21] !== l || t[22] !== u || t[23] !== dt || t[24] !== d || t[25] !== f ? (it = /* @__PURE__ */ n.jsx(Ve, { areaSettings: dt, width: u, height: l, scale: f, animate: o, isInView: d }), t[20] = o, t[21] = l, t[22] = u, t[23] = dt, t[24] = d, t[25] = f, t[26] = it) : it = t[26];
-  const gt = c?.xAxis?.axis;
-  let N;
-  t[27] !== gt ? (N = {
-    axis: gt
-  }, t[27] = gt, t[28] = N) : N = t[28];
-  let nt;
-  t[29] !== r?.xAxis?.axis ? (nt = r?.xAxis?.axis || {}, t[29] = r?.xAxis?.axis, t[30] = nt) : nt = t[30];
-  let V;
-  t[31] !== s[0] || t[32] !== nt ? (V = {
-    axis: {
-      stroke: s[0],
-      ...nt
-    }
-  }, t[31] = s[0], t[32] = nt, t[33] = V) : V = t[33];
-  let Ct;
-  t[34] !== l || t[35] !== N || t[36] !== V ? (Ct = /* @__PURE__ */ n.jsx(ye, { y1: 0, y2: l, x1: -15, x2: -15, classNames: N, styles: V }), t[34] = l, t[35] = N, t[36] = V, t[37] = Ct) : Ct = t[37];
-  let ot;
-  t[38] !== c?.yAxis?.title || t[39] !== l || t[40] !== A || t[41] !== s[0] || t[42] !== h.left || t[43] !== G || t[44] !== r?.yAxis?.title ? (ot = G ? /* @__PURE__ */ n.jsx(Ae, { x: 10 - h.left, y: l / 2, style: {
-    fill: s[0],
-    ...r?.yAxis?.title || {}
-  }, className: c?.yAxis?.title, text: A[0].length > 100 ? `${A[0].substring(0, 100)}...` : A[0], rotate90: !0 }) : null, t[38] = c?.yAxis?.title, t[39] = l, t[40] = A, t[41] = s[0], t[42] = h.left, t[43] = G, t[44] = r?.yAxis?.title, t[45] = ot) : ot = t[45];
-  const Ft = u + 15, st = u + 15, at = c?.xAxis?.axis;
-  let F;
-  t[46] !== at ? (F = {
-    axis: at
-  }, t[46] = at, t[47] = F) : F = t[47];
-  let H;
-  t[48] !== r?.xAxis?.axis ? (H = r?.xAxis?.axis || {}, t[48] = r?.xAxis?.axis, t[49] = H) : H = t[49];
-  let L;
-  t[50] !== s[1] || t[51] !== H ? (L = {
-    axis: {
-      stroke: s[1],
-      ...H
-    }
-  }, t[50] = s[1], t[51] = H, t[52] = L) : L = t[52];
-  let I;
-  t[53] !== l || t[54] !== Ft || t[55] !== st || t[56] !== F || t[57] !== L ? (I = /* @__PURE__ */ n.jsx(ye, { y1: 0, y2: l, x1: Ft, x2: st, classNames: F, styles: L }), t[53] = l, t[54] = Ft, t[55] = st, t[56] = F, t[57] = L, t[58] = I) : I = t[58];
-  let $;
-  t[59] !== c?.yAxis?.title || t[60] !== l || t[61] !== u || t[62] !== A || t[63] !== s[1] || t[64] !== h.right || t[65] !== G || t[66] !== r?.yAxis?.title ? ($ = G ? /* @__PURE__ */ n.jsx(Ae, { x: u + h.right - 15, y: l / 2, style: {
-    fill: s[1],
-    ...r?.yAxis?.title || {}
-  }, className: c?.yAxis?.title, text: A[1].length > 100 ? `${A[1].substring(0, 100)}...` : A[1], rotate90: !0 }) : null, t[59] = c?.yAxis?.title, t[60] = l, t[61] = u, t[62] = A, t[63] = s[1], t[64] = h.right, t[65] = G, t[66] = r?.yAxis?.title, t[67] = $) : $ = t[67];
-  const P = u + 15, W = c?.xAxis?.axis;
-  let k;
-  t[68] !== W ? (k = {
-    axis: W
-  }, t[68] = W, t[69] = k) : k = t[69];
-  const lt = r?.xAxis?.axis;
-  let B;
-  t[70] !== lt ? (B = {
-    axis: lt
-  }, t[70] = lt, t[71] = B) : B = t[71];
-  let vt;
-  t[72] !== l || t[73] !== P || t[74] !== k || t[75] !== B ? (vt = /* @__PURE__ */ n.jsx(ye, { y1: l, y2: l, x1: -15, x2: P, classNames: k, styles: B }), t[72] = l, t[73] = P, t[74] = k, t[75] = B, t[76] = vt) : vt = t[76];
-  let Jt;
-  t[77] !== p ? (Jt = (i) => Ne(i, p), t[77] = p, t[78] = Jt) : Jt = t[78];
-  const ke = St.map(Jt), De = St.map((i) => f(i)), ue = r?.xAxis?.gridLines, fe = r?.xAxis?.labels;
-  let Kt;
-  t[79] !== ue || t[80] !== fe ? (Kt = {
-    gridLines: ue,
-    labels: fe
-  }, t[79] = ue, t[80] = fe, t[81] = Kt) : Kt = t[81];
-  const pe = c?.xAxis?.gridLines;
-  let Ht;
-  t[82] !== pe ? (Ht = At("opacity-0", pe), t[82] = pe, t[83] = Ht) : Ht = t[83];
-  const xe = c?.xAxis?.labels;
-  let Pt;
-  t[84] !== xe ? (Pt = At("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", xe), t[84] = xe, t[85] = Pt) : Pt = t[85];
-  let Qt;
-  t[86] !== Ht || t[87] !== Pt ? (Qt = {
-    gridLines: Ht,
-    labels: Pt
-  }, t[86] = Ht, t[87] = Pt, t[88] = Qt) : Qt = t[88];
-  let _t;
-  t[89] !== E ? (_t = E.filter(oi).map(ni), t[89] = E, t[90] = _t) : _t = t[90];
-  let te;
-  t[91] !== s[0] || t[92] !== X ? (te = {
-    stroke: s[0],
-    strokeWidth: X,
-    fill: "none"
-  }, t[91] = s[0], t[92] = X, t[93] = te) : te = t[93];
-  let ee;
-  t[94] !== o.duration ? (ee = {
-    opacity: 0,
-    transition: {
-      duration: o.duration
-    }
-  }, t[94] = o.duration, t[95] = ee) : ee = t[95];
-  let ie;
-  t[96] !== s[1] || t[97] !== X ? (ie = {
-    stroke: s[1],
-    strokeWidth: X,
-    fill: "none"
-  }, t[96] = s[1], t[97] = X, t[98] = ie) : ie = t[98];
-  let ne;
-  t[99] !== o.duration ? (ne = {
-    opacity: 0,
-    transition: {
-      duration: o.duration
-    }
-  }, t[99] = o.duration, t[100] = ne) : ne = t[100];
-  const de = a.map((i, D) => /* @__PURE__ */ n.jsxs(rt.g, { children: [
-    S(i.y1) ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      C ? /* @__PURE__ */ n.jsx(rt.circle, { r: u / a.length < 5 ? 0 : u / a.length < 20 ? 2 : 4, exit: {
-        opacity: 0,
-        transition: {
-          duration: o.duration
-        }
-      }, variants: {
-        initial: {
-          opacity: 0,
-          cx: f(i.date),
-          cy: T(i.y1),
-          fill: s[0]
-        },
-        whileInView: {
-          opacity: 1,
-          fill: s[0],
-          transition: {
-            duration: y ? o.duration : 0.5,
-            delay: y ? 0 : o.duration
-          },
-          cx: f(i.date),
-          cy: T(i.y1)
-        }
-      }, initial: "initial", animate: d ? "whileInView" : "initial" }) : null,
-      wt ? /* @__PURE__ */ n.jsx(rt.text, { dy: S(i.y2) || i.y2 < i.y1 ? -8 : "1em", style: {
-        textAnchor: "middle",
-        ...r?.graphObjectValues || {}
-      }, className: At("graph-value graph-value-line-1 text-xs font-bold", c?.graphObjectValues), exit: {
-        opacity: 0,
-        transition: {
-          duration: o.duration
-        }
-      }, variants: {
-        initial: {
-          opacity: 0,
-          x: f(i.date),
-          y: g(i.y1),
-          fill: s[0]
-        },
-        whileInView: {
-          opacity: 1,
-          x: f(i.date),
-          fill: s[0],
-          y: g(i.y1),
-          transition: {
-            duration: y ? o.duration : 0.5,
-            delay: y ? 0 : o.duration
-          }
-        }
-      }, initial: "initial", animate: d ? "whileInView" : "initial", children: ce(i.y1, Et, b?.precision ?? 2, b?.prefix, b?.suffix, b?.locale, b?.padZeros) }) : null
-    ] }),
-    S(i.y2) ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      C ? /* @__PURE__ */ n.jsx(rt.circle, { r: u / a.length < 5 ? 0 : u / a.length < 20 ? 2 : 4, exit: {
-        opacity: 0,
-        transition: {
-          duration: o.duration
-        }
-      }, variants: {
-        initial: {
-          opacity: 0,
-          cx: f(i.date),
-          cy: g(i.y2),
-          fill: s[1]
-        },
-        whileInView: {
-          opacity: 1,
-          transition: {
-            duration: y ? o.duration : 0.5,
-            delay: y ? 0 : o.duration
-          },
-          fill: s[1],
-          cx: f(i.date),
-          cy: g(i.y2)
-        }
-      }, initial: "initial", animate: d ? "whileInView" : "initial" }) : null,
-      wt ? /* @__PURE__ */ n.jsx(rt.text, { dy: S(i.y1) || i.y1 < i.y2 ? -8 : "1em", style: {
-        textAnchor: "middle",
-        ...r?.graphObjectValues || {}
-      }, className: At("graph-value graph-value-line-2 text-xs font-bold", c?.graphObjectValues), exit: {
-        opacity: 0,
-        transition: {
-          duration: o.duration
-        }
-      }, variants: {
-        initial: {
-          opacity: 0,
-          x: f(i.date),
-          y: g(i.y2),
-          fill: s[1]
-        },
-        whileInView: {
-          opacity: 1,
-          x: f(i.date),
-          y: g(i.y2),
-          fill: s[1],
-          transition: {
-            duration: y ? o.duration : 0.5,
-            delay: y ? 0 : o.duration
-          }
-        }
-      }, initial: "initial", animate: d ? "whileInView" : "initial", children: ce(i.y2, Et, j?.precision ?? 2, j?.prefix, j?.suffix, j?.locale, j?.padZeros) }) : null
-    ] })
-  ] }, D));
-  let oe;
-  t[101] !== de ? (oe = /* @__PURE__ */ n.jsx("g", { children: de }), t[101] = de, t[102] = oe) : oe = t[102];
-  let se;
-  t[103] !== E ? (se = E.filter(Ke).map(Je), t[103] = E, t[104] = se) : se = t[104];
-  let ae;
-  t[105] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ae = {
-    fill: "none",
-    pointerEvents: "all"
-  }, t[105] = ae) : ae = t[105];
-  let le;
-  t[106] !== Y || t[107] !== l || t[108] !== u ? (le = /* @__PURE__ */ n.jsx("rect", { ref: Y, style: ae, width: u, height: l }), t[106] = Y, t[107] = l, t[108] = u, t[109] = le) : le = t[109];
-  let re;
-  return t[110] !== c?.tooltip || t[111] !== pt || t[112] !== m || t[113] !== M || t[114] !== r?.tooltip || t[115] !== ct ? (re = M && ct && pt && m ? /* @__PURE__ */ n.jsx(Oe, { data: M, body: ct, xPos: pt, yPos: m, backgroundStyle: r?.tooltip, className: c?.tooltip }) : null, t[110] = c?.tooltip, t[111] = pt, t[112] = m, t[113] = M, t[114] = r?.tooltip, t[115] = ct, t[116] = re) : re = t[116], /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(rt.svg, { width: `${z}px`, height: `${U}px`, viewBox: `0 0 ${z} ${U}`, direction: "ltr", ref: Gt, children: /* @__PURE__ */ n.jsxs("g", { transform: `translate(${h.left},${h.top})`, children: [
-      it,
-      /* @__PURE__ */ n.jsxs("g", { children: [
-        Bt.map((i, D) => /* @__PURE__ */ n.jsxs("g", { children: [
-          /* @__PURE__ */ n.jsx("line", { y1: T(i), y2: T(i), x1: -15, x2: -20, style: {
-            stroke: s[0],
-            strokeWidth: 1,
-            ...r?.yAxis?.gridLines || {}
-          }, className: c?.yAxis?.gridLines }),
-          /* @__PURE__ */ n.jsx("text", { x: -25, y: T(i), dy: "0.33em", className: At("text-xs", c?.yAxis?.labels), style: {
-            textAnchor: "end",
-            fill: s[0],
-            ...r?.yAxis?.labels || {}
-          }, children: ce(i, void 0, b?.precision, b?.prefix, b?.suffix, b?.locale, b?.padZeros) })
-        ] }, D)),
-        Ct,
-        ot
-      ] }),
-      /* @__PURE__ */ n.jsxs("g", { children: [
-        $t.map((i, D) => /* @__PURE__ */ n.jsxs("g", { children: [
-          /* @__PURE__ */ n.jsx("line", { y1: g(i), y2: g(i), x1: u + 15, x2: u + 20, style: {
-            stroke: s[1],
-            strokeWidth: 1,
-            ...r?.yAxis?.gridLines || {}
-          }, className: c?.yAxis?.gridLines }),
-          /* @__PURE__ */ n.jsx("text", { x: u + 25, y: g(i), dy: "0.33em", dx: -2, style: {
-            textAnchor: "start",
-            fill: s[1],
-            ...r?.yAxis?.labels || {}
-          }, className: At("text-xs", c?.yAxis?.labels), children: ce(i, void 0, j?.precision, j?.prefix, j?.suffix, j?.locale, j?.padZeros) })
-        ] }, D)),
-        I,
-        $
-      ] }),
-      /* @__PURE__ */ n.jsxs("g", { children: [
-        vt,
-        /* @__PURE__ */ n.jsx(Te, { values: ke, x: De, y1: 0, y2: l, styles: Kt, classNames: Qt, labelType: "primary", showGridLines: !0, padZeros: !1 })
-      ] }),
-      _t,
-      /* @__PURE__ */ n.jsxs("g", { children: [
-        /* @__PURE__ */ n.jsx(rt.path, { style: te, exit: ee, variants: {
-          initial: {
-            pathLength: 0,
-            d: It(a.filter(ii)) || "",
-            opacity: 1
-          },
-          whileInView: {
-            pathLength: 1,
-            d: It(a.filter(ei)) || "",
-            opacity: 1,
-            transition: {
-              duration: o.duration
-            }
-          }
-        }, initial: "initial", animate: d ? "whileInView" : "initial" }),
-        /* @__PURE__ */ n.jsx(rt.path, { d: yt(a.filter(ti)) || "", style: ie, exit: ne, variants: {
-          initial: {
-            pathLength: 0,
-            d: yt(a.filter(_e)) || "",
-            opacity: 1
-          },
-          whileInView: {
-            pathLength: 1,
-            d: yt(a.filter(Qe)) || "",
-            opacity: 1,
-            transition: {
-              duration: o.duration
-            }
-          }
-        }, initial: "initial", animate: d ? "whileInView" : "initial" }),
-        M ? /* @__PURE__ */ n.jsx("line", { y1: 0, y2: l, x1: f(M.date), x2: f(M.date), className: At("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100", c?.mouseOverLine), style: r?.mouseOverLine }) : null
-      ] }),
-      oe,
-      se,
-      le
-    ] }) }),
-    re
-  ] });
-}
-function Je(e) {
-  return e.layer;
-}
-function Ke(e) {
-  return e.position === "after";
-}
-function Qe(e) {
-  return !S(e.y2);
-}
-function _e(e) {
-  return !S(e.y2);
-}
-function ti(e) {
-  return !S(e.y2);
-}
-function ei(e) {
-  return !S(e.y1);
-}
-function ii(e) {
-  return !S(e.y1);
-}
-function ni(e) {
-  return e.layer;
-}
-function oi(e) {
-  return e.position === "before";
-}
-function si(e) {
-  return e.date;
-}
-function ai(e) {
-  return !S(e.y2);
-}
-function li(e) {
-  return !S(e.y1);
-}
-function ri(e) {
-  return e != null;
-}
-function ci(e) {
-  return e.y2;
-}
-function mi(e) {
-  return e != null;
-}
-function ui(e) {
-  return e.y2;
-}
-function fi(e) {
-  return e != null;
-}
-function pi(e) {
-  return e.y1;
-}
-function xi(e) {
-  return e != null;
-}
-function di(e) {
-  return e.y1;
-}
-function hi(e) {
-  return e != null;
-}
-function yi(e) {
-  return e.y2;
-}
-function gi(e) {
-  return e != null;
-}
-function vi(e) {
-  return e.y2;
-}
-function Ai(e) {
-  return e != null;
-}
-function wi(e) {
-  return e.y2;
-}
-function bi(e) {
-  return e != null;
-}
-function ji(e) {
-  return e.y1;
-}
-function Li(e) {
-  return e != null;
-}
-function ki(e) {
-  return e.y2;
-}
-function Di(e) {
-  return e != null;
-}
-function Ni(e) {
-  return e.y1;
-}
-function rn(e) {
-  const t = Le.c(86), {
-    data: v,
-    graphTitle: z,
-    sources: U,
-    graphDescription: s,
-    height: A,
-    width: w,
-    footNote: p,
-    noOfXTicks: wt,
-    dateFormat: Ut,
-    showValues: qt,
-    padding: Xt,
-    lineColors: q,
-    sameAxes: bt,
-    backgroundColor: ct,
-    leftMargin: jt,
-    rightMargin: Lt,
-    topMargin: o,
-    bottomMargin: X,
-    labels: C,
-    rightLineNumberDisplayOptions: kt,
-    leftLineNumberDisplayOptions: b,
-    tooltip: j,
-    highlightAreaSettings: mt,
-    relativeHeight: Dt,
-    onSeriesMouseOver: J,
-    graphID: r,
-    graphDownload: c,
-    dataDownload: E,
-    animate: G,
-    strokeWidth: Et,
-    showDots: Gt,
-    language: ut,
-    showColorScale: d,
-    minHeight: y,
-    colorLegendTitle: Yt,
-    theme: ft,
-    ariaLabel: K,
-    noOfYTicks: Rt,
-    maxDate: M,
-    minDate: Nt,
-    curveType: pt,
-    styles: x,
-    classNames: m,
-    customLayers: xt,
-    showAxisLabels: Mt,
-    naLabel: Ot
-  } = e, Q = Ut === void 0 ? "yyyy" : Ut, h = qt === void 0 ? !1 : qt;
-  let Y;
-  t[0] !== q ? (Y = q === void 0 ? [je.light.categoricalColors.colors[0], je.light.categoricalColors.colors[1]] : q, t[0] = q, t[1] = Y) : Y = t[1];
-  const O = Y, a = bt === void 0 ? !1 : bt, _ = ct === void 0 ? !1 : ct, dt = jt === void 0 ? 80 : jt, u = Lt === void 0 ? 80 : Lt, l = o === void 0 ? 20 : o, Zt = X === void 0 ? 25 : X;
-  let Tt;
-  t[2] !== mt ? (Tt = mt === void 0 ? [] : mt, t[2] = mt, t[3] = Tt) : Tt = t[3];
-  const ht = Tt, tt = c === void 0 ? !1 : c, R = E === void 0 ? !1 : E, Z = G === void 0 ? !1 : G, Vt = Et === void 0 ? 2 : Et, et = Gt === void 0 ? !0 : Gt, f = ut === void 0 ? "en" : ut, T = d === void 0 ? !0 : d, g = y === void 0 ? 0 : y, It = ft === void 0 ? "light" : ft, yt = Rt === void 0 ? 5 : Rt, Bt = pt === void 0 ? "curve" : pt;
-  let $t;
-  t[4] !== xt ? ($t = xt === void 0 ? [] : xt, t[4] = xt, t[5] = $t) : $t = t[5];
-  const St = $t, it = Mt === void 0 ? !0 : Mt, gt = Ot === void 0 ? "NA" : Ot, [N, nt] = Wt(0), [V, Ct] = Wt(0), ot = me(null), Ft = me(null);
-  let st, at;
-  t[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (st = () => {
-    const B = new ResizeObserver((vt) => {
-      nt(vt[0].target.clientWidth || 620), Ct(vt[0].target.clientHeight || 480);
-    });
-    return ot.current && B.observe(ot.current), () => B.disconnect();
-  }, at = [], t[6] = st, t[7] = at) : (st = t[6], at = t[7]), ge(st, at);
-  const F = m?.graphContainer, H = x?.graphContainer;
-  let L;
-  t[8] !== m?.description || t[9] !== m?.title || t[10] !== v || t[11] !== R || t[12] !== s || t[13] !== tt || t[14] !== z || t[15] !== x?.description || t[16] !== x?.title || t[17] !== w ? (L = z || s || tt || R ? /* @__PURE__ */ n.jsx(Ye, { styles: {
-    title: x?.title,
-    description: x?.description
-  }, classNames: {
-    title: m?.title,
-    description: m?.description
-  }, graphTitle: z, graphDescription: s, width: w, graphDownload: tt ? Ft : void 0, dataDownload: R ? v.map(Ii).filter(Vi).length > 0 ? v.map(Ti).filter(Oi) : v.filter(Mi) : null }) : null, t[8] = m?.description, t[9] = m?.title, t[10] = v, t[11] = R, t[12] = s, t[13] = tt, t[14] = z, t[15] = x?.description, t[16] = x?.title, t[17] = w, t[18] = L) : L = t[18];
-  let I;
-  t[19] !== m?.colorLegend || t[20] !== Yt || t[21] !== C || t[22] !== O || t[23] !== T ? (I = T && C.length > 0 ? /* @__PURE__ */ n.jsx(Re, { colorDomain: C, colorLegendTitle: Yt, colors: O, showNAColor: !1, className: m?.colorLegend }) : null, t[19] = m?.colorLegend, t[20] = Yt, t[21] = C, t[22] = O, t[23] = T, t[24] = I) : I = t[24];
-  let $;
-  t[25] !== v.length ? ($ = v.length === 0 && /* @__PURE__ */ n.jsx(Ze, {}), t[25] = v.length, t[26] = $) : $ = t[26];
-  let P;
-  t[27] !== Z || t[28] !== Zt || t[29] !== m || t[30] !== Bt || t[31] !== St || t[32] !== v || t[33] !== Q || t[34] !== ht || t[35] !== C || t[36] !== b || t[37] !== dt || t[38] !== O || t[39] !== M || t[40] !== Nt || t[41] !== gt || t[42] !== wt || t[43] !== yt || t[44] !== J || t[45] !== kt || t[46] !== u || t[47] !== a || t[48] !== it || t[49] !== et || t[50] !== h || t[51] !== Vt || t[52] !== x || t[53] !== V || t[54] !== N || t[55] !== j || t[56] !== l ? (P = N && V && v.length > 0 ? /* @__PURE__ */ n.jsx(qe, { data: v, sameAxes: a, lineColors: O, width: N, height: V, dateFormat: Q, showValues: h, noOfXTicks: wt ?? Ue(N), leftMargin: dt, rightMargin: u, topMargin: l, bottomMargin: Zt, labels: C, highlightAreaSettings: ht, tooltip: j, onSeriesMouseOver: J, animate: Z === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : Z || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, strokeWidth: Vt, showDots: et, noOfYTicks: yt, leftLineNumberDisplayOptions: b, rightLineNumberDisplayOptions: kt, minDate: Nt, maxDate: M, curveType: Bt, styles: x, classNames: m, customLayers: St, showAxisLabels: it, naLabel: gt }) : null, t[27] = Z, t[28] = Zt, t[29] = m, t[30] = Bt, t[31] = St, t[32] = v, t[33] = Q, t[34] = ht, t[35] = C, t[36] = b, t[37] = dt, t[38] = O, t[39] = M, t[40] = Nt, t[41] = gt, t[42] = wt, t[43] = yt, t[44] = J, t[45] = kt, t[46] = u, t[47] = a, t[48] = it, t[49] = et, t[50] = h, t[51] = Vt, t[52] = x, t[53] = V, t[54] = N, t[55] = j, t[56] = l, t[57] = P) : P = t[57];
-  let W;
-  t[58] !== $ || t[59] !== P ? (W = /* @__PURE__ */ n.jsxs(Be, { ref: ot, children: [
-    $,
-    P
-  ] }), t[58] = $, t[59] = P, t[60] = W) : W = t[60];
-  let k;
-  t[61] !== m?.footnote || t[62] !== m?.source || t[63] !== p || t[64] !== U || t[65] !== x?.footnote || t[66] !== x?.source || t[67] !== w ? (k = U || p ? /* @__PURE__ */ n.jsx(Ge, { styles: {
-    footnote: x?.footnote,
-    source: x?.source
-  }, classNames: {
-    footnote: m?.footnote,
-    source: m?.source
-  }, sources: U, footNote: p, width: w }) : null, t[61] = m?.footnote, t[62] = m?.source, t[63] = p, t[64] = U, t[65] = x?.footnote, t[66] = x?.source, t[67] = w, t[68] = k) : k = t[68];
-  let lt;
-  return t[69] !== K || t[70] !== _ || t[71] !== r || t[72] !== A || t[73] !== f || t[74] !== g || t[75] !== Xt || t[76] !== Dt || t[77] !== F || t[78] !== H || t[79] !== L || t[80] !== I || t[81] !== W || t[82] !== k || t[83] !== It || t[84] !== w ? (lt = /* @__PURE__ */ n.jsxs(ze, { className: F, style: H, id: r, ref: Ft, "aria-label": K, backgroundColor: _, theme: It, language: f, minHeight: g, width: w, height: A, relativeHeight: Dt, padding: Xt, children: [
-    L,
-    I,
-    W,
-    k
-  ] }), t[69] = K, t[70] = _, t[71] = r, t[72] = A, t[73] = f, t[74] = g, t[75] = Xt, t[76] = Dt, t[77] = F, t[78] = H, t[79] = L, t[80] = I, t[81] = W, t[82] = k, t[83] = It, t[84] = w, t[85] = lt) : lt = t[85], lt;
-}
-function Mi(e) {
-  return e !== void 0;
-}
-function Oi(e) {
-  return e !== void 0;
-}
-function Ti(e) {
-  return e.data;
-}
-function Vi(e) {
-  return e !== void 0;
-}
-function Ii(e) {
-  return e.data;
-}
-export {
-  rn as DualAxisLineChart
-};
-//# sourceMappingURL=DualAxisLineChart.js.map
+import { t as e } from "./DualAxisLineChart-DzVs-ftM.js";
+export { e as DualAxisLineChart };

package/dist/DumbbellChart-7Dh8xtYv.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Icons-DXw7FqJ_.cjs`),r=require(`./Colors.cjs`),i=require(`./GraphFooter.cjs`),ee=require(`./GraphHeader.cjs`),a=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./GraphContainer-7xAPK4Tb.cjs`),s=require(`./parse-C718o4YM.cjs`),c=require(`./lodash.orderby-Us2PHq2D.cjs`),te=require(`./ColorLegendWithMouseOver.cjs`),ne=require(`./EmptyState-Bq7ZJmZB.cjs`),l=require(`./ensureCompleteData-CqLz7Btq.cjs`),u=require(`./getSliderMarks-DCEGtxIl.cjs`),re=require(`./linear-B93YyHf_.cjs`),ie=require(`./band-BWpW41la.cjs`),d=require(`./fast-deep-equal-DN3ilkVq.cjs`),f=require(`./proxy-DaRMphjR.cjs`),ae=require(`./AnimatePresence-CapU-Sxd.cjs`),oe=require(`./use-in-view-C4EPQfwM.cjs`),se=require(`./Axis-BbfI4T5K.cjs`),ce=require(`./AxisTitle-Co2DmqOy.cjs`),p=require(`./XAxesLabels-BvzqZwll.cjs`),le=require(`./numberFormattingFunction-Caf5NyIo.cjs`),ue=require(`./XTicksAndGridLines-8v1W02Pd.cjs`),m=require(`./YAxesLabels-DKRDxuHA.cjs`),de=require(`./YTicksAndGridLines-CRW_R845.cjs`),fe=require(`./DetailsModal-CtGqGcX9.cjs`),pe=require(`./ReferenceLine-Dltt-xtO.cjs`),me=require(`./Tooltip-CO_iOj_w.cjs`);let h=require(`@undp/design-system-react/cn`),g=require(`react`),he=require(`@undp/design-system-react/SliderUI`);var _=e.a(c.t(),1),ge=e.a(d.t(),1),v=t.t();function y(e){let{data:t,leftMargin:n=20,rightMargin:r=20,topMargin:i=20,bottomMargin:ee=25,dotColors:o,barPadding:s,showTicks:c,truncateBy:te,width:ne,height:l,radius:u,showLabels:d,tooltip:ue,onSeriesMouseOver:m,maxValue:he,minValue:_,onSeriesMouseClick:y,showValues:_e,suffix:b,prefix:x,selectedColor:S,arrowConnector:C,connectorStrokeWidth:ve,maxBarThickness:w,minBarThickness:T,resetSelectionOnDoubleClick:ye,detailsOnClick:E,axisTitle:D,noOfTicks:be,valueColor:O,styles:k,classNames:A,labelOrder:j,refValues:xe,animate:M,precision:N,customLayers:P,highlightedDataPoints:F,dimmedOpacity:I,hideAxisLine:Se,locale:L,padZeros:R}=e,z=(0,g.useRef)(null),B=oe.t(z,{once:M.once,amount:M.amount}),V={top:i,bottom:ee,left:D?n+30:n,right:r},H=ne-V.left-V.right,U=l-V.top-V.bottom,[Ce,W]=(0,g.useState)(void 0),[G,K]=(0,g.useState)(void 0),[we,q]=(0,g.useState)(void 0),[Te,J]=(0,g.useState)(void 0),Y=(0,g.useMemo)(()=>{let e=new Set,n=t.map((t,n)=>{let r=j?`${t.label}`:`${n}`;return e.add(r),{...t,id:r}}),r=j?j.filter(t=>!e.has(t)):[];return[...n,...r.map(e=>({id:e,label:e,x:Array(t[0].x.length).fill(null)}))]},[t,j]),Ee=(0,g.useMemo)(()=>j??Y.map(e=>`${e.id}`),[j,Y]),X=re.t().domain([_,he]).range([U,0]).nice(),Z=ie.t().domain(Ee).range([0,T?Math.max(H,T*Y.length):w?Math.min(H,w*Y.length):H]).paddingInner(s),Q=X.ticks(be);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(f.t.svg,{width:`${ne}px`,height:`${l}px`,viewBox:`0 0 ${ne} ${l}`,direction:`ltr`,ref:z,children:[C?(0,v.jsx)(`defs`,{children:(0,v.jsx)(`marker`,{id:`arrow`,viewBox:`0 0 10 10`,refX:`10`,refY:`5`,markerWidth:`6`,markerHeight:`6`,orient:`auto-start-reverse`,children:(0,v.jsx)(`path`,{d:`M 0 0 L 10 5 L 0 10 z`,className:`fill-primary-gray-600 dark:fill-primary-gray-300`})})}):null,(0,v.jsxs)(`g`,{transform:`translate(${V.left},${V.top})`,children:[(0,v.jsx)(se.t,{hideAxisLine:Se,y1:X(_<0?0:_),y2:X(_<0?0:_),x1:0-n,x2:H+V.right,label:c?le.t(_<0?0:_,void 0,N,x,b,L,R):void 0,labelPos:{x:0-n,dx:0,dy:he<0?`1em`:-5,y:X(_<0?0:_)},classNames:{axis:A?.xAxis?.axis,label:A?.yAxis?.labels},styles:{axis:k?.xAxis?.axis,label:k?.yAxis?.labels}}),c?(0,v.jsx)(de.t,{values:Q.filter(e=>e!==0),y:Q.filter(e=>e!==0).map(e=>X(e)),x1:0-n,x2:H+V.right,styles:{gridLines:k?.yAxis?.gridLines,labels:k?.yAxis?.labels},classNames:{gridLines:A?.yAxis?.gridLines,labels:A?.yAxis?.labels},suffix:b,prefix:x,labelType:`secondary`,showGridLines:!0,labelPos:`vertical`,precision:N,locale:L,padZeros:R}):null,(0,v.jsx)(ce.t,{x:0-n-15,y:U/2,style:k?.yAxis?.title,className:A?.yAxis?.title,text:D,rotate90:!0}),P.filter(e=>e.position===`before`).map(e=>e.layer),(0,v.jsxs)(ae.t,{children:[Y.map(e=>(0,v.jsxs)(f.t.g,{className:`undp-viz-g-with-hover`,variants:{initial:{x:Z(`${e.id}`)+Z.bandwidth()/2,y:0,opacity:F&&F.indexOf(e.label)===-1?I:.85},whileInView:{x:Z(`${e.id}`)+Z.bandwidth()/2,y:0,opacity:F&&F.indexOf(e.label)===-1?I:.85,transition:{duration:M.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:M.duration}},children:[d?(0,v.jsx)(p.t,{value:`${e.label}`.length<te?`${e.label}`:`${`${e.label}`.substring(0,te)}...`,y:U+5,x:0-Z.bandwidth()/2,width:Z.bandwidth(),height:V.bottom,style:k?.xAxis?.labels,className:A?.xAxis?.labels,alignment:`top`,animate:M,isInView:B}):null,(0,v.jsx)(f.t.line,{x1:0,x2:0,style:{strokeWidth:ve,...k?.dataConnectors||{},opacity:S?.3:1},className:(0,h.cn)(`stroke-primary-gray-600 dark:stroke-primary-gray-300`,A?.dataConnectors),markerEnd:C&&e.x.indexOf(Math.min(...e.x.filter(e=>e!==null)))===0?`url(#arrow)`:``,markerStart:C&&e.x.indexOf(Math.min(...e.x.filter(e=>e!==null)))===e.x.length-1?`url(#arrow)`:``,exit:{opacity:0,transition:{duration:M.duration}},variants:{initial:{y1:0,y2:0},whileInView:{y1:X(Math.min(...e.x.filter(e=>e!==null)))+u,y2:X(Math.max(...e.x.filter(e=>e!==null)))-u,transition:{duration:M.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`}),e.x.map((t,n)=>(0,v.jsx)(f.t.g,{onMouseEnter:t=>{W({...e,xIndex:n}),J(t.clientY),q(t.clientX),m?.({...e,xIndex:n})},onClick:()=>{(y||E)&&((0,ge.default)(G,{...e,xIndex:n})&&ye?(K(void 0),y?.(void 0)):(K({...e,xIndex:n}),y&&y({...e,xIndex:n})))},onMouseMove:t=>{W({...e,xIndex:n}),J(t.clientY),q(t.clientX)},onMouseLeave:()=>{W(void 0),q(void 0),J(void 0),m?.(void 0)},exit:{opacity:0,transition:{duration:M.duration}},variants:{initial:{opacity:S?o[n]===S?1:.3:1},whileInView:{opacity:S?o[n]===S?1:.3:1,transition:{duration:M.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,children:a.t(t)?null:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(f.t.circle,{cx:0,r:u,style:{fill:o[n],fillOpacity:.85,stroke:o[n],strokeWidth:1},exit:{opacity:0,transition:{duration:M.duration}},variants:{initial:{cy:X(0),opacity:0},whileInView:{cy:X(t||0),opacity:+!a.t(t),transition:{duration:M.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`}),_e?(0,v.jsx)(f.t.text,{x:0,style:{textAnchor:`start`,...k?.graphObjectValues||{}},className:(0,h.cn)(`graph-value text-sm font-bold`,a.t(t)?`opacity-0`:`opacity-100`,A?.graphObjectValues),dx:u+3,dy:`0.33em`,exit:{opacity:0,transition:{duration:M.duration}},variants:{initial:{y:X(0),opacity:0,fill:O||o[n]},whileInView:{y:X(t||0),fill:O||o[n],opacity:1,transition:{duration:M.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,children:le.t(t,void 0,N,x,b,L,R)}):null]})},n))]},e.label)),xe?.map(e=>(0,v.jsx)(pe.n,{text:e.text,color:e.color,y:X(e.value),x1:0-n,x2:H+V.right,classNames:e.classNames,styles:e.styles,animate:M,isInView:B},e.text))]}),P.filter(e=>e.position===`after`).map(e=>e.layer)]})]}),Ce&&ue&&we&&Te?(0,v.jsx)(me.t,{data:Ce,body:ue,xPos:we,yPos:Te,backgroundStyle:k?.tooltip,className:A?.tooltip}):null,E&&G!==void 0?(0,v.jsx)(fe.t,{body:E,data:G,setData:K,className:A?.modal}):null]})}function _e(e){let{data:t,leftMargin:n=100,rightMargin:r=40,topMargin:i=20,bottomMargin:ee=10,dotColors:o,suffix:s,prefix:c,barPadding:te,showValues:ne,showTicks:l,truncateBy:u,width:d,height:se,radius:p,showLabels:he,tooltip:_,onSeriesMouseOver:y,maxValue:_e,minValue:b,onSeriesMouseClick:x,selectedColor:S,arrowConnector:C,connectorStrokeWidth:ve,maxBarThickness:w,minBarThickness:T,resetSelectionOnDoubleClick:ye,detailsOnClick:E,axisTitle:D,noOfTicks:be,valueColor:O,styles:k,classNames:A,labelOrder:j,refValues:xe,rtl:M,animate:N,precision:P,customLayers:F,highlightedDataPoints:I,dimmedOpacity:Se,locale:L,padZeros:R}=e,z=(0,g.useRef)(null),B=oe.t(z,{once:N.once,amount:N.amount}),V={top:D?i+25:i,bottom:ee,left:n,right:r},H=d-V.left-V.right,U=se-V.top-V.bottom,[Ce,W]=(0,g.useState)(void 0),[G,K]=(0,g.useState)(void 0),[we,q]=(0,g.useState)(void 0),[Te,J]=(0,g.useState)(void 0),Y=(0,g.useMemo)(()=>{let e=new Set,n=t.map((t,n)=>{let r=j?`${t.label}`:`${n}`;return e.add(r),{...t,id:r}}),r=j?j.filter(t=>!e.has(t)):[];return[...n,...r.map(e=>({id:e,label:e,x:Array(t[0].x.length).fill(null)}))]},[t,j]),Ee=(0,g.useMemo)(()=>j??Y.map(e=>`${e.id}`),[j,Y]),X=re.t().domain([b,_e]).range([0,H]).nice(),Z=ie.t().domain(Ee).range([0,T?Math.max(U,T*Y.length):w?Math.min(U,w*Y.length):U]).paddingInner(te),Q=X.ticks(be);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(f.t.svg,{width:`${d}px`,height:`${se}px`,viewBox:`0 0 ${d} ${se}`,direction:`ltr`,ref:z,children:[C?(0,v.jsx)(`defs`,{children:(0,v.jsx)(`marker`,{id:`arrow`,viewBox:`0 0 10 10`,refX:`10`,refY:`5`,markerWidth:`6`,markerHeight:`6`,orient:`auto-start-reverse`,children:(0,v.jsx)(`path`,{d:`M 0 0 L 10 5 L 0 10 z`,className:`fill-primary-gray-600 dark:fill-primary-gray-300`})})}):null,(0,v.jsxs)(`g`,{transform:`translate(${V.left},${V.top})`,children:[l?(0,v.jsx)(ue.t,{values:Q.filter((e,t)=>t!==0),x:Q.filter((e,t)=>t!==0).map(e=>X(e)),y1:0-i,y2:U+V.bottom,styles:{gridLines:k?.xAxis?.gridLines,labels:k?.xAxis?.labels},classNames:{gridLines:A?.xAxis?.gridLines,labels:A?.xAxis?.labels},suffix:s,prefix:c,labelType:`secondary`,showGridLines:!0,precision:P,locale:L,padZeros:R}):null,(0,v.jsx)(ce.t,{x:H/2,y:0-V.top+15,style:k?.xAxis?.title,className:A?.xAxis?.title,text:D}),(0,v.jsx)(de.t,{y:Y.map(e=>Z(`${e.id}`)+Z.bandwidth()/2),x1:0,x2:H,styles:{gridLines:k?.yAxis?.gridLines},classNames:{gridLines:A?.yAxis?.gridLines},labelType:`secondary`,showGridLines:!0,labelPos:`vertical`,precision:P,locale:L,padZeros:R}),F.filter(e=>e.position===`before`).map(e=>e.layer),(0,v.jsxs)(ae.t,{children:[Y.map(e=>(0,v.jsxs)(f.t.g,{className:`undp-viz-g-with-hover`,variants:{initial:{x:0,y:Z(`${e.id}`)+Z.bandwidth()/2,opacity:I&&I.indexOf(e.label)===-1?Se:.85},whileInView:{x:0,y:Z(`${e.id}`)+Z.bandwidth()/2,opacity:I&&I.indexOf(e.label)===-1?Se:.85,transition:{duration:N.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:N.duration}},children:[he?(0,v.jsx)(m.t,{value:`${e.label}`.length<u?`${e.label}`:`${`${e.label}`.substring(0,u)}...`,y:0-Z.bandwidth()/2,x:0-V.left,width:V.left,height:Z.bandwidth(),alignment:`right`,style:k?.yAxis?.labels,className:A?.yAxis?.labels,animate:N,isInView:B}):null,(0,v.jsx)(f.t.line,{y1:0,y2:0,style:{strokeWidth:ve,...k?.dataConnectors||{},opacity:S?.3:1},className:(0,h.cn)(`stroke-primary-gray-600 dark:stroke-primary-gray-300`,A?.dataConnectors),markerEnd:C&&e.x.indexOf(Math.min(...e.x.filter(e=>e!==null)))===0?`url(#arrow)`:``,markerStart:C&&e.x.indexOf(Math.min(...e.x.filter(e=>e!==null)))===e.x.length-1?`url(#arrow)`:``,exit:{opacity:0,transition:{duration:N.duration}},variants:{initial:{x1:0,x2:0},whileInView:{x1:X(Math.min(...e.x.filter(e=>e!==null)))+p,x2:X(Math.max(...e.x.filter(e=>e!==null)))-p,transition:{duration:N.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`}),e.x.map((t,n)=>(0,v.jsx)(f.t.g,{onMouseEnter:t=>{W({...e,xIndex:n}),J(t.clientY),q(t.clientX),y?.({...e,xIndex:n})},onClick:()=>{(x||E)&&((0,ge.default)(G,{...e,xIndex:n})&&ye?(K(void 0),x?.(void 0)):(K({...e,xIndex:n}),x&&x({...e,xIndex:n})))},onMouseMove:t=>{W({...e,xIndex:n}),J(t.clientY),q(t.clientX)},onMouseLeave:()=>{W(void 0),q(void 0),J(void 0),y?.(void 0)},exit:{opacity:0,transition:{duration:N.duration}},variants:{initial:{opacity:S?o[n]===S?1:.3:1},whileInView:{opacity:S?o[n]===S?1:.3:1,transition:{duration:N.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,children:a.t(t)?null:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(f.t.circle,{cy:0,r:p,style:{fill:o[n],fillOpacity:.85,stroke:o[n],strokeWidth:1,opacity:+!a.t(t)},exit:{opacity:0,transition:{duration:N.duration}},variants:{initial:{cx:X(0),opacity:0},whileInView:{cx:X(t||0),opacity:+!a.t(t),transition:{duration:N.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`}),ne?(0,v.jsx)(f.t.text,{y:0,style:{textAnchor:`middle`,...k?.graphObjectValues||{}},dx:0,dy:0-p-3,className:(0,h.cn)(`graph-value text-sm font-bold`,a.t(t)?`0opacity-0`:`opacity-100`,A?.graphObjectValues),exit:{opacity:0,transition:{duration:N.duration}},variants:{initial:{x:X(0),opacity:0,fill:O||o[n]},whileInView:{x:X(t||0),fill:O||o[n],opacity:1,transition:{duration:N.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,children:le.t(t,void 0,P,c,s,L,R)}):null]})},n))]},e.label)),xe?.map(e=>(0,v.jsx)(pe.t,{text:e.text,color:e.color,x:X(e.value),y1:0-V.top,y2:U+V.bottom,textSide:X(e.value)>H*.75||M?`left`:`right`,classNames:e.classNames,styles:e.styles,animate:N,isInView:B},e.text))]}),F.filter(e=>e.position===`after`).map(e=>e.layer)]})]}),Ce&&_&&we&&Te?(0,v.jsx)(me.t,{data:Ce,body:_,xPos:we,yPos:Te,backgroundStyle:k?.tooltip,className:A?.tooltip}):null,E&&G!==void 0?(0,v.jsx)(fe.t,{body:E,data:G,setData:K,className:A?.modal}):null]})}function b(e){let{data:t,graphTitle:c,colors:re=r.Colors.light.categoricalColors.colors,sources:ie,graphDescription:d,barPadding:f=.25,showTicks:ae=!0,leftMargin:oe,rightMargin:se,topMargin:ce,bottomMargin:p,truncateBy:le=999,height:ue,width:m,footNote:de,colorDomain:fe,colorLegendTitle:pe,padding:me,backgroundColor:h=!0,radius:ge=3,tooltip:b,showLabels:x=!0,relativeHeight:S,onSeriesMouseOver:C,graphID:ve,maxValue:w,minValue:T,onSeriesMouseClick:ye,graphDownload:E=!1,dataDownload:D=!1,showValues:be=!0,sortParameter:O,arrowConnector:k=!1,connectorStrokeWidth:A=2,language:j=`en`,minHeight:xe=0,theme:M=`light`,maxBarThickness:N,maxNumberOfBars:P,minBarThickness:F,ariaLabel:I,resetSelectionOnDoubleClick:Se=!0,detailsOnClick:L,axisTitle:R,noOfTicks:z=5,valueColor:B,orientation:V=`vertical`,styles:H,classNames:U,labelOrder:Ce,refValues:W,filterNA:G=!0,animate:K=!1,showColorScale:we=!0,customLayers:q=[],highlightedDataPoints:Te,dimmedOpacity:J=.3,timeline:Y={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},sortData:Ee,hideAxisLine:X=!1,numberDisplayOptions:Z}=e,[Q,De]=(0,g.useState)(0),[Oe,ke]=(0,g.useState)(0),[Ae,je]=(0,g.useState)(Y.autoplay),$=(0,g.useMemo)(()=>{let e=[...new Set(t.filter(e=>e.date).map(e=>s.t(`${e.date}`,Y.dateFormat||`yyyy`,new Date).getTime()))];return e.sort((e,t)=>e-t),e},[t,Y.dateFormat]),[Me,Ne]=(0,g.useState)(Y.autoplay?0:$.length-1),[Pe,Fe]=(0,g.useState)(void 0),Ie=(0,g.useRef)(null),Le=(0,g.useRef)(null);(0,g.useEffect)(()=>{let e=new ResizeObserver(e=>{De(e[0].target.clientWidth||620),ke(e[0].target.clientHeight||480)});return Ie.current&&e.observe(Ie.current),()=>e.disconnect()},[]),(0,g.useEffect)(()=>{let e=setInterval(()=>{Ne(e=>e<$.length-1?e+1:0)},(Y.speed||2)*1e3);return Ae||clearInterval(e),()=>clearInterval(e)},[$,Ae,Y.speed]);let Re=u.t($,Me,Y.showOnlyActiveDate,Y.dateFormat||`yyyy`),ze=V===`horizontal`?_e:y;return(0,v.jsxs)(o.n,{className:U?.graphContainer,style:H?.graphContainer,id:ve,ref:Le,"aria-label":I,backgroundColor:h,theme:M,language:j,minHeight:xe,width:m,height:ue,relativeHeight:S,padding:me,children:[c||d||E||D?(0,v.jsx)(ee.GraphHeader,{styles:{title:H?.title,description:H?.description},classNames:{title:U?.title,description:U?.description},graphTitle:c,graphDescription:d,width:m,graphDownload:E?Le:void 0,dataDownload:D?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}):null,Y.enabled&&$.length>0&&Re?(0,v.jsxs)(`div`,{className:`flex gap-6 items-center`,dir:`ltr`,children:[(0,v.jsx)(`button`,{type:`button`,onClick:()=>{je(!Ae)},className:`p-0 border-0 cursor-pointer bg-transparent`,"aria-label":Ae?`Click to pause animation`:`Click to play animation`,children:Ae?(0,v.jsx)(n.l,{}):(0,v.jsx)(n.u,{})}),(0,v.jsx)(he.SliderUI,{min:$[0],max:$[$.length-1],marks:Re,step:null,defaultValue:$[$.length-1],value:$[Me],onChangeComplete:e=>{Ne($.indexOf(e))},onChange:e=>{Ne($.indexOf(e))},"aria-label":`Time slider. Use arrow keys to adjust selected time period.`})]}):null,we&&t.length>0?(0,v.jsx)(te.ColorLegendWithMouseOver,{width:m,colorDomain:fe,colors:re,colorLegendTitle:pe,setSelectedColor:Fe,showNAColor:!1,className:U?.colorLegend}):null,(0,v.jsxs)(o.t,{ref:Ie,children:[t.length===0&&(0,v.jsx)(ne.t,{}),Q&&Oe&&t.length>0?(0,v.jsx)(ze,{hideAxisLine:X,data:O===void 0?l.i(t,Y.dateFormat||`yyyy`).filter(e=>Y.enabled?`${e.date}`===s.n(new Date($[Me]),Y.dateFormat||`yyyy`):e).filter(e=>G?!e.x.every(e=>e==null):e).filter((e,t)=>P?t<P:!0):O===`diff`?(0,_.default)(l.i(t,Y.dateFormat||`yyyy`).filter(e=>Y.enabled?`${e.date}`===s.n(new Date($[Me]),Y.dateFormat||`yyyy`):e).filter(e=>G?!e.x.every(e=>e==null):e),e=>a.t(e.x[e.x.length-1])||a.t(e.x[0])?-1/0:e.x[e.x.length-1]-e.x[0],[Ee||`asc`]).filter((e,t)=>P?t<P:!0):(0,_.default)(l.i(t,Y.dateFormat||`yyyy`).filter(e=>Y.enabled?`${e.date}`===s.n(new Date($[Me]),Y.dateFormat||`yyyy`):e).filter(e=>G?!e.x.every(e=>e==null):e),e=>a.t(e.x[O])?-1/0:e.x[O],[Ee||`asc`]).filter((e,t)=>P?t<P:!0),dotColors:re,width:Q,height:Oe,radius:ge,barPadding:f,showTicks:ae,leftMargin:oe,rightMargin:se,topMargin:ce,bottomMargin:p,truncateBy:le,showLabels:x,showValues:be,tooltip:b,onSeriesMouseOver:C,maxValue:a.t(w)?Math.max(...t.map(e=>Math.max(...e.x.filter(e=>e!==null))))<0?0:Math.max(...t.map(e=>Math.max(...e.x.filter(e=>e!==null)))):w,minValue:a.t(T)?Math.min(...t.map(e=>Math.min(...e.x.filter(e=>e!==null))))>0?0:Math.min(...t.map(e=>Math.min(...e.x.filter(e=>e!==null)))):T,onSeriesMouseClick:ye,selectedColor:Pe,arrowConnector:k,connectorStrokeWidth:A,maxBarThickness:N,minBarThickness:F,resetSelectionOnDoubleClick:Se,detailsOnClick:L,axisTitle:R,noOfTicks:z,valueColor:B,styles:H,classNames:U,labelOrder:Ce,refValues:W,animate:K===!0?{duration:.5,once:!0,amount:.5}:K||{duration:0,once:!0,amount:0},customLayers:q,highlightedDataPoints:Te,dimmedOpacity:J,rtl:j===`ar`||j===`he`,locale:Z?.locale||`en`,padZeros:Z?.padZeros||!1,suffix:Z?.suffix||``,prefix:Z?.prefix||``,precision:Z?.precision??2}):null]}),ie||de?(0,v.jsx)(i.GraphFooter,{styles:{footnote:H?.footnote,source:H?.source},classNames:{footnote:U?.footnote,source:U?.source},sources:ie,footNote:de,width:m}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return b}});
+//# sourceMappingURL=DumbbellChart-7Dh8xtYv.cjs.map