@undp/data-viz 2.5.4 → 2.6.1

package/dist/LineChartWithConfidenceInterval.js

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