@undp/data-viz 2.0.0 → 2.0.1

package/dist/LineChartWithConfidenceInterval.js

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