@undp/data-viz 2.0.0 → 2.0.2

package/dist/MultiLineAltChart.js

@@ -1,4 +1,4 @@
-import { c as He, m as ke, j as r } from "./index-CHPV5EwG-Curnpaqc.js";
+import { c as He, m as Se, j as r } from "./index-CHPV5EwG-Curnpaqc.js";
 import { useRef as De, useState as It, useEffect as Te } from "react";
 import { p as A, f as Xe } from "./parse-DlCRUFh_.js";
 import { o as Ne } from "./index-BZQYSqar.js";
@@ -30,30 +30,31 @@ import { GraphHeader as ho } from "./GraphHeader.js";
 import { E as go } from "./EmptyState-BZo1BbAn.js";
 import { ColorLegendWithMouseOver as xo } from "./ColorLegendWithMouseOver.js";
 import { a as yo, G as vo } from "./GraphContainer-CRqzdKu2.js";
-function bo(o) {
+import { g as bo } from "./getNoOfTicks-CpmRjcRF.js";
+function wo(o) {
   const t = He.c(128), {
     data: f,
-    width: Z,
+    width: _,
     height: Rt,
     lineColors: m,
     dateFormat: n,
     noOfXTicks: pe,
-    rightMargin: _,
+    rightMargin: tt,
     topMargin: Xt,
-    bottomMargin: tt,
+    bottomMargin: et,
     suffix: W,
     prefix: x,
-    leftMargin: C,
+    leftMargin: O,
     tooltip: dt,
-    onSeriesMouseOver: et,
-    refValues: ot,
+    onSeriesMouseOver: ot,
+    refValues: it,
     highlightAreaSettings: Gt,
     minValue: G,
     maxValue: yt,
     highlightedLines: Y,
     animate: s,
     rtl: E,
-    strokeWidth: k,
+    strokeWidth: S,
     showDots: ie,
     annotations: vt,
     customHighlightAreaSettings: Et,
@@ -61,11 +62,11 @@ function bo(o) {
     noOfYTicks: Pt,
     minDate: Bt,
     maxDate: zt,
-    curveType: it,
+    curveType: nt,
     styles: b,
     colorDomain: L,
     selectedColor: bt,
-    classNames: O,
+    classNames: C,
     showLabels: he,
     dimmedOpacity: M,
     precision: B,
@@ -78,85 +79,85 @@ function bo(o) {
     amount: s.amount
   }, t[0] = s.amount, t[1] = s.once, t[2] = q) : q = t[2];
   const u = uo(wt, q), [$, ne] = It(!1);
-  let Ct, nt;
-  t[3] !== s.duration || t[4] !== $ || t[5] !== u ? (Ct = () => {
+  let Ot, rt;
+  t[3] !== s.duration || t[4] !== $ || t[5] !== u ? (Ot = () => {
     if (u && !$) {
       const e = setTimeout(() => {
         ne(!0);
       }, (s.duration + 0.5) * 1e3);
       return () => clearTimeout(e);
     }
-  }, nt = [u, $, s.duration], t[3] = s.duration, t[4] = $, t[5] = u, t[6] = Ct, t[7] = nt) : (Ct = t[6], nt = t[7]), Te(Ct, nt);
-  const re = it === "linear" ? io : it === "step" ? no : it === "stepAfter" ? ro : it === "stepBefore" ? so : ao;
-  let Ot;
-  t[8] !== n ? (Ot = (e) => ({
+  }, rt = [u, $, s.duration], t[3] = s.duration, t[4] = $, t[5] = u, t[6] = Ot, t[7] = rt) : (Ot = t[6], rt = t[7]), Te(Ot, rt);
+  const re = nt === "linear" ? io : nt === "step" ? no : nt === "stepAfter" ? ro : nt === "stepBefore" ? so : ao;
+  let Ct;
+  t[8] !== n ? (Ct = (e) => ({
     ...e,
     date: A(`${e.date}`, n, /* @__PURE__ */ new Date())
-  }), t[8] = n, t[9] = Ot) : Ot = t[9];
-  const a = Ne(f.map(Ot), ["date"], ["asc"]).filter(Qo), d = je(a, "label", !0);
+  }), t[8] = n, t[9] = Ct) : Ct = t[9];
+  const a = Ne(f.map(Ct), ["date"], ["asc"]).filter(Zo), d = je(a, "label", !0);
   let At;
   t[10] !== n ? (At = (e) => A(`${e}`, n, /* @__PURE__ */ new Date()), t[10] = n, t[11] = At) : At = t[11];
-  const qt = Ze(je(f, "date", !0).map(At), Ko), [p, rt] = It(void 0), [st, U] = It(void 0), [at, J] = It(void 0), Dt = P ? C + 30 : C;
-  let lt;
-  t[12] !== tt || t[13] !== _ || t[14] !== Dt || t[15] !== Xt ? (lt = {
+  const qt = Ze(je(f, "date", !0).map(At), Qo), [p, st] = It(void 0), [at, U] = It(void 0), [lt, J] = It(void 0), Dt = P ? O + 30 : O;
+  let ct;
+  t[12] !== et || t[13] !== tt || t[14] !== Dt || t[15] !== Xt ? (ct = {
     top: Xt,
-    bottom: tt,
+    bottom: et,
     left: Dt,
-    right: _
-  }, t[12] = tt, t[13] = _, t[14] = Dt, t[15] = Xt, t[16] = lt) : lt = t[16];
-  const g = lt, se = De(null), ae = d.map((e) => Ne(a.filter((i) => i.label == e), ["date"], ["asc"]));
-  let ct;
+    right: tt
+  }, t[12] = et, t[13] = tt, t[14] = Dt, t[15] = Xt, t[16] = ct) : ct = t[16];
+  const g = ct, se = De(null), ae = d.map((e) => Ne(a.filter((i) => i.label == e), ["date"], ["asc"]));
+  let ft;
   if (t[17] !== n || t[18] !== Gt) {
     let e;
     t[20] !== n ? (e = (i) => ({
       ...i,
       coordinates: [i.coordinates[0] === null ? null : A(`${i.coordinates[0]}`, n, /* @__PURE__ */ new Date()), i.coordinates[1] === null ? null : A(`${i.coordinates[1]}`, n, /* @__PURE__ */ new Date())]
-    }), t[20] = n, t[21] = e) : e = t[21], ct = Gt.map(e), t[17] = n, t[18] = Gt, t[19] = ct;
+    }), t[20] = n, t[21] = e) : e = t[21], ft = Gt.map(e), t[17] = n, t[18] = Gt, t[19] = ft;
   } else
-    ct = t[19];
-  const jt = ct;
-  let ft;
+    ft = t[19];
+  const jt = ft;
+  let mt;
   if (t[22] !== Et || t[23] !== n) {
     let e;
     t[25] !== n ? (e = (i) => ({
       ...i,
       coordinates: i.coordinates.map((y, Yt) => Yt % 2 === 0 ? A(`${y}`, n, /* @__PURE__ */ new Date()) : y)
-    }), t[25] = n, t[26] = e) : e = t[26], ft = Et.map(e), t[22] = Et, t[23] = n, t[24] = ft;
+    }), t[25] = n, t[26] = e) : e = t[26], mt = Et.map(e), t[22] = Et, t[23] = n, t[24] = mt;
   } else
-    ft = t[24];
-  const Ut = ft, h = Z - g.left - g.right, D = Rt - g.top - g.bottom, le = Bt ? A(`${Bt}`, n, /* @__PURE__ */ new Date()) : qt[0], Jt = zt ? A(`${zt}`, n, /* @__PURE__ */ new Date()) : qt[qt.length - 1], w = v(G) ? Math.min(...a.map(Jo).filter(Uo)) ? Math.min(...a.map(qo).filter(zo)) > 0 ? 0 : Math.min(...a.map(Bo).filter(Po)) : 0 : G, F = Math.max(...a.map(Eo).filter(Go)) ? Math.max(...a.map(Xo).filter(Ro)) : 0, l = _e().domain([le, Jt]).range([0, h]);
+    mt = t[24];
+  const Ut = mt, h = _ - g.left - g.right, D = Rt - g.top - g.bottom, le = Bt ? A(`${Bt}`, n, /* @__PURE__ */ new Date()) : qt[0], Jt = zt ? A(`${zt}`, n, /* @__PURE__ */ new Date()) : qt[qt.length - 1], w = v(G) ? Math.min(...a.map(Ko).filter(Jo)) ? Math.min(...a.map(Uo).filter(qo)) > 0 ? 0 : Math.min(...a.map(zo).filter(Bo)) : 0 : G, F = Math.max(...a.map(Po).filter(Eo)) ? Math.max(...a.map(Go).filter(Xo)) : 0, l = _e().domain([le, Jt]).range([0, h]);
   let K;
   t[27] !== w || t[28] !== G ? (K = v(G) ? w : G, t[27] = w, t[28] = G, t[29] = K) : K = t[29];
-  let S;
-  t[30] !== F || t[31] !== yt ? (S = v(yt) ? F > 0 ? F : 0 : yt, t[30] = F, t[31] = yt, t[32] = S) : S = t[32];
-  const c = to().domain([K, S]).range([D, 0]).nice(), ce = eo.from(a.filter(Io), (e) => l(e.date), (e) => c(e.y)).voronoi([0, 0, h < 0 ? 0 : h, D < 0 ? 0 : D]), Lt = oo().x((e) => l(e.date)).y((e) => c(e.y)).curve(re), Mt = c.ticks(Pt), Kt = l.ticks(pe);
+  let k;
+  t[30] !== F || t[31] !== yt ? (k = v(yt) ? F > 0 ? F : 0 : yt, t[30] = F, t[31] = yt, t[32] = k) : k = t[32];
+  const c = to().domain([K, k]).range([D, 0]).nice(), ce = eo.from(a.filter(Ro), (e) => l(e.date), (e) => c(e.y)).voronoi([0, 0, h < 0 ? 0 : h, D < 0 ? 0 : D]), Lt = oo().x((e) => l(e.date)).y((e) => c(e.y)).curve(re), Mt = c.ticks(Pt), Kt = l.ticks(pe);
   Te(() => {
     const e = (y) => {
-      const Yt = a[fo(a.map(Fo), l.invert(mo(y)[0]), 0)];
-      rt(Yt || a[a.length - 1]), J(y.clientY), U(y.clientX), et?.(Yt || a[a.length - 1]);
+      const Yt = a[fo(a.map(Io), l.invert(mo(y)[0]), 0)];
+      st(Yt || a[a.length - 1]), J(y.clientY), U(y.clientX), ot?.(Yt || a[a.length - 1]);
     }, i = () => {
-      rt(void 0), U(void 0), J(void 0);
+      st(void 0), U(void 0), J(void 0);
     };
-    lo(se.current).on("mousemove", e).on("mouseout", i), et?.(void 0);
-  }, [l, a, et]);
+    lo(se.current).on("mousemove", e).on("mouseout", i), ot?.(void 0);
+  }, [l, a, ot]);
   let Q;
   t[33] !== s || t[34] !== D || t[35] !== h || t[36] !== jt || t[37] !== u || t[38] !== l ? (Q = /* @__PURE__ */ r.jsx(Qe, { areaSettings: jt, width: h, height: D, scale: l, animate: s, isInView: u }), t[33] = s, t[34] = D, t[35] = h, t[36] = jt, t[37] = u, t[38] = l, t[39] = Q) : Q = t[39];
   const $t = b?.yAxis?.gridLines, T = b?.yAxis?.labels;
-  let mt;
-  t[40] !== $t || t[41] !== T ? (mt = {
+  let ut;
+  t[40] !== $t || t[41] !== T ? (ut = {
     gridLines: $t,
     labels: T
-  }, t[40] = $t, t[41] = T, t[42] = mt) : mt = t[42];
-  const St = O?.yAxis?.gridLines, kt = O?.yAxis?.labels;
-  let ut;
-  t[43] !== St || t[44] !== kt ? (ut = {
-    gridLines: St,
-    labels: kt
-  }, t[43] = St, t[44] = kt, t[45] = ut) : ut = t[45];
-  const pt = c(w < 0 ? 0 : w), Tt = c(w < 0 ? 0 : w), Nt = 0 - C, ht = h + g.right, fe = w < 0 ? 0 : w;
+  }, t[40] = $t, t[41] = T, t[42] = ut) : ut = t[42];
+  const kt = C?.yAxis?.gridLines, St = C?.yAxis?.labels;
+  let pt;
+  t[43] !== kt || t[44] !== St ? (pt = {
+    gridLines: kt,
+    labels: St
+  }, t[43] = kt, t[44] = St, t[45] = pt) : pt = t[45];
+  const ht = c(w < 0 ? 0 : w), Tt = c(w < 0 ? 0 : w), Nt = 0 - O, Z = h + g.right, fe = w < 0 ? 0 : w;
   let N;
   t[46] !== B || t[47] !== x || t[48] !== W || t[49] !== fe ? (N = Ve(fe, "NA", B, x, W), t[46] = B, t[47] = x, t[48] = W, t[49] = fe, t[50] = N) : N = t[50];
-  const me = 0 - C, Vt = c(w < 0 ? 0 : w), ue = F < 0 ? "1em" : -5;
+  const me = 0 - O, Vt = c(w < 0 ? 0 : w), ue = F < 0 ? "1em" : -5;
   let I;
   t[51] !== me || t[52] !== Vt || t[53] !== ue ? (I = {
     x: me,
@@ -164,7 +165,7 @@ function bo(o) {
     dx: 0,
     dy: ue
   }, t[51] = me, t[52] = Vt, t[53] = ue, t[54] = I) : I = t[54];
-  const Qt = O?.xAxis?.axis, gt = O?.yAxis?.labels;
+  const Qt = C?.xAxis?.axis, gt = C?.yAxis?.labels;
   let V;
   t[55] !== Qt || t[56] !== gt ? (V = {
     axis: Qt,
@@ -177,8 +178,8 @@ function bo(o) {
     label: Wt
   }, t[58] = Ht, t[59] = Wt, t[60] = j) : j = t[60];
   let H;
-  t[61] !== pt || t[62] !== Tt || t[63] !== Nt || t[64] !== ht || t[65] !== N || t[66] !== I || t[67] !== V || t[68] !== j ? (H = /* @__PURE__ */ r.jsx(qe, { y1: pt, y2: Tt, x1: Nt, x2: ht, label: N, labelPos: I, classNames: V, styles: j }), t[61] = pt, t[62] = Tt, t[63] = Nt, t[64] = ht, t[65] = N, t[66] = I, t[67] = V, t[68] = j, t[69] = H) : H = t[69];
-  const R = 0 - C - 15, xt = D / 2, Zt = b?.yAxis?.title, _t = O?.yAxis?.title;
+  t[61] !== ht || t[62] !== Tt || t[63] !== Nt || t[64] !== Z || t[65] !== N || t[66] !== I || t[67] !== V || t[68] !== j ? (H = /* @__PURE__ */ r.jsx(qe, { y1: ht, y2: Tt, x1: Nt, x2: Z, label: N, labelPos: I, classNames: V, styles: j }), t[61] = ht, t[62] = Tt, t[63] = Nt, t[64] = Z, t[65] = N, t[66] = I, t[67] = V, t[68] = j, t[69] = H) : H = t[69];
+  const R = 0 - O - 15, xt = D / 2, Zt = b?.yAxis?.title, _t = C?.yAxis?.title;
   let xe;
   t[70] !== R || t[71] !== xt || t[72] !== Zt || t[73] !== _t || t[74] !== P ? (xe = /* @__PURE__ */ r.jsx(ze, { x: R, y: xt, style: Zt, className: _t, text: P, rotate90: !0 }), t[70] = R, t[71] = xt, t[72] = Zt, t[73] = _t, t[74] = P, t[75] = xe) : xe = t[75];
   let de;
@@ -189,28 +190,28 @@ function bo(o) {
     gridLines: Le,
     labels: Me
   }, t[78] = Le, t[79] = Me, t[80] = ye) : ye = t[80];
-  const $e = O?.xAxis?.gridLines;
+  const $e = C?.xAxis?.gridLines;
   let te;
-  t[81] !== $e ? (te = ke("opacity-0", $e), t[81] = $e, t[82] = te) : te = t[82];
-  const Se = O?.xAxis?.labels;
+  t[81] !== $e ? (te = Se("opacity-0", $e), t[81] = $e, t[82] = te) : te = t[82];
+  const ke = C?.xAxis?.labels;
   let ee;
-  t[83] !== Se ? (ee = ke("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", Se), t[83] = Se, t[84] = ee) : ee = t[84];
+  t[83] !== ke ? (ee = Se("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", ke), t[83] = ke, t[84] = ee) : ee = t[84];
   let ve;
   t[85] !== te || t[86] !== ee ? (ve = {
     gridLines: te,
     labels: ee
   }, t[85] = te, t[86] = ee, t[87] = ve) : ve = t[87];
   let be;
-  t[88] !== z ? (be = z.filter(Ho).map(Vo), t[88] = z, t[89] = be) : be = t[89];
-  const Fe = a.filter(Oo).map((e, i) => /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx("path", { d: ce.renderCell(a.findIndex((y) => y.label === e.label && y.date === e.date)), opacity: 0, onMouseEnter: (y) => {
-    rt(e), J(y.clientY), U(y.clientX), et?.(e);
+  t[88] !== z ? (be = z.filter(Wo).map(Ho), t[88] = z, t[89] = be) : be = t[89];
+  const Fe = a.filter(Ao).map((e, i) => /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx("path", { d: ce.renderCell(a.findIndex((y) => y.label === e.label && y.date === e.date)), opacity: 0, onMouseEnter: (y) => {
+    st(e), J(y.clientY), U(y.clientX), ot?.(e);
   }, onMouseMove: (y) => {
-    rt(e), J(y.clientY), U(y.clientX);
+    st(e), J(y.clientY), U(y.clientX);
   }, onMouseLeave: () => {
-    rt(void 0), U(void 0), J(void 0), et?.(void 0);
+    st(void 0), U(void 0), J(void 0), ot?.(void 0);
   } }) }, i));
   let we;
-  t[90] !== s || t[91] !== h || t[92] !== u || t[93] !== C || t[94] !== g.right || t[95] !== ot || t[96] !== c ? (we = ot ? /* @__PURE__ */ r.jsx(r.Fragment, { children: ot.map((e, i) => /* @__PURE__ */ r.jsx(Je, { text: e.text, color: e.color, y: c(e.value), x1: 0 - C, x2: h + g.right, classNames: e.classNames, styles: e.styles, animate: s, isInView: u }, i)) }) : null, t[90] = s, t[91] = h, t[92] = u, t[93] = C, t[94] = g.right, t[95] = ot, t[96] = c, t[97] = we) : we = t[97];
+  t[90] !== s || t[91] !== h || t[92] !== u || t[93] !== O || t[94] !== g.right || t[95] !== it || t[96] !== c ? (we = it ? /* @__PURE__ */ r.jsx(r.Fragment, { children: it.map((e, i) => /* @__PURE__ */ r.jsx(Je, { text: e.text, color: e.color, y: c(e.value), x1: 0 - O, x2: h + g.right, classNames: e.classNames, styles: e.styles, animate: s, isInView: u }, i)) }) : null, t[90] = s, t[91] = h, t[92] = u, t[93] = O, t[94] = g.right, t[95] = it, t[96] = c, t[97] = we) : we = t[97];
   let oe;
   if (t[98] !== s || t[99] !== vt || t[100] !== n || t[101] !== h || t[102] !== u || t[103] !== g.right || t[104] !== E || t[105] !== l || t[106] !== c) {
     let e;
@@ -242,17 +243,17 @@ function bo(o) {
     }, t[108] = s, t[109] = n, t[110] = h, t[111] = u, t[112] = g.right, t[113] = E, t[114] = l, t[115] = c, t[116] = e) : e = t[116], oe = vt.map(e), t[98] = s, t[99] = vt, t[100] = n, t[101] = h, t[102] = u, t[103] = g.right, t[104] = E, t[105] = l, t[106] = c, t[107] = oe;
   } else
     oe = t[107];
-  let Ce;
-  t[117] !== oe ? (Ce = /* @__PURE__ */ r.jsx("g", { children: oe }), t[117] = oe, t[118] = Ce) : Ce = t[118];
   let Oe;
-  t[119] !== z ? (Oe = z.filter(Co).map(wo), t[119] = z, t[120] = Oe) : Oe = t[120];
+  t[117] !== oe ? (Oe = /* @__PURE__ */ r.jsx("g", { children: oe }), t[117] = oe, t[118] = Oe) : Oe = t[118];
+  let Ce;
+  t[119] !== z ? (Ce = z.filter(Co).map(Oo), t[119] = z, t[120] = Ce) : Ce = t[120];
   let Ae;
-  return t[121] !== O?.tooltip || t[122] !== st || t[123] !== at || t[124] !== p || t[125] !== b?.tooltip || t[126] !== dt ? (Ae = p && dt && st && at ? /* @__PURE__ */ r.jsx(Ge, { data: p, body: dt, xPos: st, yPos: at, backgroundStyle: b?.tooltip, className: O?.tooltip }) : null, t[121] = O?.tooltip, t[122] = st, t[123] = at, t[124] = p, t[125] = b?.tooltip, t[126] = dt, t[127] = Ae) : Ae = t[127], /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(Ft.svg, { width: `${Z}px`, height: `${Rt}px`, viewBox: `0 0 ${Z} ${Rt}`, direction: "ltr", ref: wt, children: /* @__PURE__ */ r.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
+  return t[121] !== C?.tooltip || t[122] !== at || t[123] !== lt || t[124] !== p || t[125] !== b?.tooltip || t[126] !== dt ? (Ae = p && dt && at && lt ? /* @__PURE__ */ r.jsx(Ge, { data: p, body: dt, xPos: at, yPos: lt, backgroundStyle: b?.tooltip, className: C?.tooltip }) : null, t[121] = C?.tooltip, t[122] = at, t[123] = lt, t[124] = p, t[125] = b?.tooltip, t[126] = dt, t[127] = Ae) : Ae = t[127], /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(Ft.svg, { width: `${_}px`, height: `${Rt}px`, viewBox: `0 0 ${_} ${Rt}`, direction: "ltr", ref: wt, children: /* @__PURE__ */ r.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
       Q,
       /* @__PURE__ */ r.jsx(Ee, { areaSettings: Ut, scaleX: l, scaleY: c, animate: s, isInView: u }),
       /* @__PURE__ */ r.jsxs("g", { children: [
-        /* @__PURE__ */ r.jsx(Ke, { values: Mt.filter(Yo), y: Mt.filter(Wo).map((e) => c(e)), x1: 0 - C, x2: h + g.right, styles: mt, classNames: ut, suffix: W, prefix: x, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: B }),
+        /* @__PURE__ */ r.jsx(Ke, { values: Mt.filter(Fo), y: Mt.filter(Yo).map((e) => c(e)), x1: 0 - O, x2: h + g.right, styles: ut, classNames: pt, suffix: W, prefix: x, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: B }),
         H,
         xe
       ] }),
@@ -275,9 +276,9 @@ function bo(o) {
             }
           }
         }, initial: "initial", animate: u ? "whileInView" : "initial", children: [
-          /* @__PURE__ */ r.jsx(Ft.path, { d: Lt(e.filter(No)) || "", style: {
+          /* @__PURE__ */ r.jsx(Ft.path, { d: Lt(e.filter(Vo)) || "", style: {
             fill: "none",
-            strokeWidth: p ? e[0].label === p.label ? k + Math.max(2, 0.5 * k) : k : Y.length !== 0 && Y.indexOf(e[0].label) !== -1 ? k + Math.max(2, 0.5 * k) : k
+            strokeWidth: p ? e[0].label === p.label ? S + Math.max(2, 0.5 * S) : S : Y.length !== 0 && Y.indexOf(e[0].label) !== -1 ? S + Math.max(2, 0.5 * S) : S
           }, exit: {
             opacity: 0,
             transition: {
@@ -286,15 +287,15 @@ function bo(o) {
           }, variants: {
             initial: {
               pathLength: 0,
-              d: Lt(e.filter(To)) || "",
+              d: Lt(e.filter(No)) || "",
               opacity: 1,
-              stroke: f.filter(ko).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray
+              stroke: f.filter(To).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray
             },
             whileInView: {
               pathLength: 1,
               d: Lt(e.filter(So)) || "",
               opacity: 1,
-              stroke: f.filter($o).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              stroke: f.filter(ko).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
               transition: {
                 duration: s.duration
               }
@@ -308,13 +309,13 @@ function bo(o) {
           }, variants: {
             initial: {
               opacity: 0,
-              fill: f.filter(Mo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              fill: f.filter($o).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
               cx: l(i.date),
               cy: c(i.y)
             },
             whileInView: {
               opacity: 1,
-              fill: f.filter(Lo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              fill: f.filter(Mo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
               transition: {
                 duration: $ ? s.duration : 0.5,
                 delay: $ ? 0 : s.duration
@@ -331,13 +332,13 @@ function bo(o) {
           }, variants: {
             initial: {
               opacity: 0,
-              fill: f.filter(jo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              fill: f.filter(Lo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
               x: l(e[e.length - 1].date),
               y: c(e[e.length - 1].y)
             },
             whileInView: {
               opacity: 1,
-              fill: f.filter(Do).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              fill: f.filter(jo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
               x: l(e[e.length - 1].date),
               y: c(e[e.length - 1].y),
               transition: {
@@ -347,31 +348,28 @@ function bo(o) {
             }
           }, initial: "initial", animate: u ? "whileInView" : "initial", children: e[0].label }) : null
         ] }, e[0].label)),
-        p ? /* @__PURE__ */ r.jsx("text", { y: c(p.y) - 8, x: l(p.date), className: ke("graph-value text-sm font-bold", O?.graphObjectValues), style: {
-          fill: f.filter(Ao).length === 0 ? m[0] : p.color ? m[L.indexOf(p.color)] : X.gray,
+        p ? /* @__PURE__ */ r.jsx("text", { y: c(p.y) - 8, x: l(p.date), className: Se("graph-value text-sm font-bold", C?.graphObjectValues), style: {
+          fill: f.filter(Do).length === 0 ? m[0] : p.color ? m[L.indexOf(p.color)] : X.gray,
           textAnchor: "middle",
           ...b?.graphObjectValues || {}
         }, children: Ve(p.y, ge, B, x, W) }) : null
       ] }),
       Fe,
       we,
-      Ce,
-      Oe
+      Oe,
+      Ce
     ] }) }),
     Ae
   ] });
 }
-function wo(o) {
+function Oo(o) {
   return o.layer;
 }
 function Co(o) {
   return o.position === "after";
 }
-function Oo(o) {
-  return !v(o.y);
-}
 function Ao(o) {
-  return o.color;
+  return !v(o.y);
 }
 function Do(o) {
   return o.color;
@@ -388,96 +386,99 @@ function Mo(o) {
 function $o(o) {
   return o.color;
 }
-function So(o) {
-  return !v(o.y);
-}
 function ko(o) {
   return o.color;
 }
-function To(o) {
+function So(o) {
   return !v(o.y);
 }
+function To(o) {
+  return o.color;
+}
 function No(o) {
   return !v(o.y);
 }
 function Vo(o) {
-  return o.layer;
+  return !v(o.y);
 }
 function Ho(o) {
-  return o.position === "before";
+  return o.layer;
 }
 function Wo(o) {
-  return o !== 0;
+  return o.position === "before";
 }
 function Yo(o) {
   return o !== 0;
 }
 function Fo(o) {
-  return o.date;
+  return o !== 0;
 }
 function Io(o) {
-  return !v(o.date) && !v(o.y);
+  return o.date;
 }
 function Ro(o) {
-  return !v(o);
+  return !v(o.date) && !v(o.y);
 }
 function Xo(o) {
-  return o.y;
+  return !v(o);
 }
 function Go(o) {
-  return !v(o);
+  return o.y;
 }
 function Eo(o) {
-  return o.y;
+  return !v(o);
 }
 function Po(o) {
-  return !v(o);
+  return o.y;
 }
 function Bo(o) {
-  return o.y;
+  return !v(o);
 }
 function zo(o) {
-  return !v(o);
+  return o.y;
 }
 function qo(o) {
-  return o.y;
+  return !v(o);
 }
 function Uo(o) {
-  return !v(o);
+  return o.y;
 }
 function Jo(o) {
+  return !v(o);
+}
+function Ko(o) {
   return o.y;
 }
-function Ko(o, t) {
+function Qo(o, t) {
   return co(o, t);
 }
-function Qo(o) {
+function Zo(o) {
   return !v(o.y);
 }
-function Fi(o) {
+function Ri(o) {
   const t = He.c(94), {
     data: f,
-    graphTitle: Z,
+    graphTitle: _,
     showNAColor: Rt,
     colors: m,
     colorDomain: n,
     suffix: pe,
-    sources: _,
+    sources: tt,
     prefix: Xt,
-    graphDescription: tt,
+    graphDescription: et,
     height: W,
     width: x,
-    footNote: C,
+    footNote: O,
     noOfXTicks: dt,
-    dateFormat: et,
-    padding: ot,
+    dateFormat: ot,
+    padding: it,
     backgroundColor: Gt,
     leftMargin: G,
     rightMargin: yt,
     topMargin: Y,
     bottomMargin: s,
     showColorScale: E,
-    tooltip: k,
+    tooltip: S,
     relativeHeight: ie,
     onSeriesMouseOver: vt,
     showLabels: Et,
@@ -485,11 +486,11 @@ function Fi(o) {
     highlightAreaSettings: Pt,
     graphID: Bt,
     minValue: zt,
-    maxValue: it,
+    maxValue: nt,
     highlightedLines: b,
     graphDownload: L,
     dataDownload: bt,
-    animate: O,
+    animate: C,
     language: he,
     colorLegendTitle: M,
     minHeight: B,
@@ -500,17 +501,17 @@ function Fi(o) {
     theme: u,
     ariaLabel: $,
     yAxisTitle: ne,
-    noOfYTicks: Ct,
-    minDate: nt,
+    noOfYTicks: Ot,
+    minDate: rt,
     maxDate: re,
-    curveType: Ot,
+    curveType: Ct,
     styles: a,
     classNames: d,
     dimmedOpacity: At,
     precision: qt,
     customLayers: p,
-    naLabel: rt
-  } = o, st = Rt === void 0 ? !0 : Rt, U = pe === void 0 ? "" : pe, at = Xt === void 0 ? "" : Xt, J = dt === void 0 ? 10 : dt, Dt = et === void 0 ? "yyyy" : et, lt = Gt === void 0 ? !1 : Gt, g = G === void 0 ? 30 : G, se = yt === void 0 ? 50 : yt, ae = Y === void 0 ? 20 : Y, ct = s === void 0 ? 25 : s, jt = E === void 0 ? !0 : E, ft = Et === void 0 ? !0 : Et;
+    naLabel: st
+  } = o, at = Rt === void 0 ? !0 : Rt, U = pe === void 0 ? "" : pe, lt = Xt === void 0 ? "" : Xt, J = dt === void 0 ? 10 : dt, Dt = ot === void 0 ? "yyyy" : ot, ct = Gt === void 0 ? !1 : Gt, g = G === void 0 ? 30 : G, se = yt === void 0 ? 50 : yt, ae = Y === void 0 ? 20 : Y, ft = s === void 0 ? 25 : s, jt = E === void 0 ? !0 : E, mt = Et === void 0 ? !0 : Et;
   let Ut;
   t[0] !== P ? (Ut = P === void 0 ? [] : P, t[0] = P, t[1] = Ut) : Ut = t[1];
   const h = Ut;
@@ -519,16 +520,16 @@ function Fi(o) {
   const le = D;
   let Jt;
   t[4] !== b ? (Jt = b === void 0 ? [] : b, t[4] = b, t[5] = Jt) : Jt = t[5];
-  const w = Jt, F = L === void 0 ? !1 : L, l = bt === void 0 ? !1 : bt, K = O === void 0 ? !1 : O, S = he === void 0 ? "en" : he, c = B === void 0 ? 0 : B, ce = ge === void 0 ? 2 : ge, Lt = z === void 0 ? !0 : z;
+  const w = Jt, F = L === void 0 ? !1 : L, l = bt === void 0 ? !1 : bt, K = C === void 0 ? !1 : C, k = he === void 0 ? "en" : he, c = B === void 0 ? 0 : B, ce = ge === void 0 ? 2 : ge, Lt = z === void 0 ? !0 : z;
   let Mt;
   t[6] !== wt ? (Mt = wt === void 0 ? [] : wt, t[6] = wt, t[7] = Mt) : Mt = t[7];
   const Kt = Mt;
   let Q;
   t[8] !== q ? (Q = q === void 0 ? [] : q, t[8] = q, t[9] = Q) : Q = t[9];
-  const $t = Q, T = u === void 0 ? "light" : u, mt = Ct === void 0 ? 5 : Ct, St = Ot === void 0 ? "curve" : Ot, kt = At === void 0 ? 0.3 : At, ut = qt === void 0 ? 2 : qt;
-  let pt;
-  t[10] !== p ? (pt = p === void 0 ? [] : p, t[10] = p, t[11] = pt) : pt = t[11];
-  const Tt = pt, Nt = rt === void 0 ? "NA" : rt, [ht, fe] = It(0), [N, me] = It(0), [Vt, ue] = It(void 0), I = De(null), Qt = De(null);
+  const $t = Q, T = u === void 0 ? "light" : u, ut = Ot === void 0 ? 5 : Ot, kt = Ct === void 0 ? "curve" : Ct, St = At === void 0 ? 0.3 : At, pt = qt === void 0 ? 2 : qt;
+  let ht;
+  t[10] !== p ? (ht = p === void 0 ? [] : p, t[10] = p, t[11] = ht) : ht = t[11];
+  const Tt = ht, Nt = st === void 0 ? "NA" : st, [Z, fe] = It(0), [N, me] = It(0), [Vt, ue] = It(void 0), I = De(null), Qt = De(null);
   let gt, V;
   t[12] === Symbol.for("react.memo_cache_sentinel") ? (gt = () => {
     const Zt = new ResizeObserver((_t) => {
@@ -538,17 +539,17 @@ function Fi(o) {
   }, V = [], t[12] = gt, t[13] = V) : (gt = t[12], V = t[13]), Te(gt, V);
   const Ht = d?.graphContainer, Wt = a?.graphContainer;
   let j;
-  t[14] !== d?.description || t[15] !== d?.title || t[16] !== f || t[17] !== l || t[18] !== tt || t[19] !== F || t[20] !== Z || t[21] !== a?.description || t[22] !== a?.title || t[23] !== x ? (j = Z || tt || F || l ? /* @__PURE__ */ r.jsx(ho, { styles: {
+  t[14] !== d?.description || t[15] !== d?.title || t[16] !== f || t[17] !== l || t[18] !== et || t[19] !== F || t[20] !== _ || t[21] !== a?.description || t[22] !== a?.title || t[23] !== x ? (j = _ || et || F || l ? /* @__PURE__ */ r.jsx(ho, { styles: {
     title: a?.title,
     description: a?.description
   }, classNames: {
     title: d?.title,
     description: d?.description
-  }, graphTitle: Z, graphDescription: tt, width: x, graphDownload: F ? Qt : void 0, dataDownload: l ? f.map(ri).filter(ni).length > 0 ? f.map(ii).filter(oi) : f.filter(ei) : null }) : null, t[14] = d?.description, t[15] = d?.title, t[16] = f, t[17] = l, t[18] = tt, t[19] = F, t[20] = Z, t[21] = a?.description, t[22] = a?.title, t[23] = x, t[24] = j) : j = t[24];
+  }, graphTitle: _, graphDescription: et, width: x, graphDownload: F ? Qt : void 0, dataDownload: l ? f.map(si).filter(ri).length > 0 ? f.map(ni).filter(ii) : f.filter(oi) : null }) : null, t[14] = d?.description, t[15] = d?.title, t[16] = f, t[17] = l, t[18] = et, t[19] = F, t[20] = _, t[21] = a?.description, t[22] = a?.title, t[23] = x, t[24] = j) : j = t[24];
   let H;
-  t[25] !== K || t[26] !== Kt || t[27] !== ct || t[28] !== d || t[29] !== n || t[30] !== M || t[31] !== m || t[32] !== St || t[33] !== $t || t[34] !== Tt || t[35] !== f || t[36] !== Dt || t[37] !== kt || t[38] !== le || t[39] !== w || t[40] !== S || t[41] !== g || t[42] !== re || t[43] !== it || t[44] !== nt || t[45] !== zt || t[46] !== Nt || t[47] !== J || t[48] !== mt || t[49] !== vt || t[50] !== ut || t[51] !== at || t[52] !== h || t[53] !== se || t[54] !== Vt || t[55] !== jt || t[56] !== Lt || t[57] !== ft || t[58] !== st || t[59] !== ce || t[60] !== a || t[61] !== U || t[62] !== N || t[63] !== ht || t[64] !== T || t[65] !== k || t[66] !== ae || t[67] !== x || t[68] !== ne ? (H = f.length === 0 ? /* @__PURE__ */ r.jsx(go, {}) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    jt && f.filter(ti).length !== 0 ? /* @__PURE__ */ r.jsx(xo, { width: x, colorLegendTitle: M, colors: m || X[T].categoricalColors.colors, colorDomain: n || je(f, "color", !0), setSelectedColor: ue, showNAColor: st, className: d?.colorLegend }) : null,
-    /* @__PURE__ */ r.jsx(yo, { ref: I, children: ht && N ? /* @__PURE__ */ r.jsx(bo, { data: f, lineColors: f.filter(_o).length === 0 ? m ? [m] : [X.primaryColors["blue-600"]] : m || X[T].categoricalColors.colors, width: ht, height: N, dateFormat: Dt, noOfXTicks: J, leftMargin: g, rightMargin: se, topMargin: ae, bottomMargin: ct, tooltip: k, onSeriesMouseOver: vt, suffix: U, prefix: at, highlightAreaSettings: le, refValues: h, minValue: zt, maxValue: it, highlightedLines: w, animate: K === !0 ? {
+  t[25] !== K || t[26] !== Kt || t[27] !== ft || t[28] !== d || t[29] !== n || t[30] !== M || t[31] !== m || t[32] !== kt || t[33] !== $t || t[34] !== Tt || t[35] !== f || t[36] !== Dt || t[37] !== St || t[38] !== le || t[39] !== w || t[40] !== k || t[41] !== g || t[42] !== re || t[43] !== nt || t[44] !== rt || t[45] !== zt || t[46] !== Nt || t[47] !== J || t[48] !== ut || t[49] !== vt || t[50] !== pt || t[51] !== lt || t[52] !== h || t[53] !== se || t[54] !== Vt || t[55] !== jt || t[56] !== Lt || t[57] !== mt || t[58] !== at || t[59] !== ce || t[60] !== a || t[61] !== U || t[62] !== N || t[63] !== Z || t[64] !== T || t[65] !== S || t[66] !== ae || t[67] !== x || t[68] !== ne ? (H = f.length === 0 ? /* @__PURE__ */ r.jsx(go, {}) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    jt && f.filter(ei).length !== 0 ? /* @__PURE__ */ r.jsx(xo, { width: x, colorLegendTitle: M, colors: m || X[T].categoricalColors.colors, colorDomain: n || je(f, "color", !0), setSelectedColor: ue, showNAColor: at, className: d?.colorLegend }) : null,
+    /* @__PURE__ */ r.jsx(yo, { ref: I, children: Z && N ? /* @__PURE__ */ r.jsx(wo, { data: f, lineColors: f.filter(ti).length === 0 ? m ? [m] : [X.primaryColors["blue-600"]] : m || X[T].categoricalColors.colors, width: Z, height: N, dateFormat: Dt, noOfXTicks: J ?? bo(Z), leftMargin: g, rightMargin: se, topMargin: ae, bottomMargin: ft, tooltip: S, onSeriesMouseOver: vt, suffix: U, prefix: lt, highlightAreaSettings: le, refValues: h, minValue: zt, maxValue: nt, highlightedLines: w, animate: K === !0 ? {
       duration: 0.5,
       once: !0,
       amount: 0.5
@@ -556,25 +557,22 @@ function Fi(o) {
       duration: 0,
       once: !0,
       amount: 0
-    }, rtl: S === "he" || S === "ar", strokeWidth: ce, showDots: Lt, annotations: Kt, customHighlightAreaSettings: $t, yAxisTitle: ne, noOfYTicks: mt, minDate: nt, maxDate: re, curveType: St, styles: a, classNames: d, selectedColor: Vt, showLabels: ft, colorDomain: f.filter(Zo).length === 0 ? [] : n || je(f, "color", !0), dimmedOpacity: kt, precision: ut, customLayers: Tt, naLabel: Nt }) : null })
-  ] }), t[25] = K, t[26] = Kt, t[27] = ct, t[28] = d, t[29] = n, t[30] = M, t[31] = m, t[32] = St, t[33] = $t, t[34] = Tt, t[35] = f, t[36] = Dt, t[37] = kt, t[38] = le, t[39] = w, t[40] = S, t[41] = g, t[42] = re, t[43] = it, t[44] = nt, t[45] = zt, t[46] = Nt, t[47] = J, t[48] = mt, t[49] = vt, t[50] = ut, t[51] = at, t[52] = h, t[53] = se, t[54] = Vt, t[55] = jt, t[56] = Lt, t[57] = ft, t[58] = st, t[59] = ce, t[60] = a, t[61] = U, t[62] = N, t[63] = ht, t[64] = T, t[65] = k, t[66] = ae, t[67] = x, t[68] = ne, t[69] = H) : H = t[69];
+    }, rtl: k === "he" || k === "ar", strokeWidth: ce, showDots: Lt, annotations: Kt, customHighlightAreaSettings: $t, yAxisTitle: ne, noOfYTicks: ut, minDate: rt, maxDate: re, curveType: kt, styles: a, classNames: d, selectedColor: Vt, showLabels: mt, colorDomain: f.filter(_o).length === 0 ? [] : n || je(f, "color", !0), dimmedOpacity: St, precision: pt, customLayers: Tt, naLabel: Nt }) : null })
+  ] }), t[25] = K, t[26] = Kt, t[27] = ft, t[28] = d, t[29] = n, t[30] = M, t[31] = m, t[32] = kt, t[33] = $t, t[34] = Tt, t[35] = f, t[36] = Dt, t[37] = St, t[38] = le, t[39] = w, t[40] = k, t[41] = g, t[42] = re, t[43] = nt, t[44] = rt, t[45] = zt, t[46] = Nt, t[47] = J, t[48] = ut, t[49] = vt, t[50] = pt, t[51] = lt, t[52] = h, t[53] = se, t[54] = Vt, t[55] = jt, t[56] = Lt, t[57] = mt, t[58] = at, t[59] = ce, t[60] = a, t[61] = U, t[62] = N, t[63] = Z, t[64] = T, t[65] = S, t[66] = ae, t[67] = x, t[68] = ne, t[69] = H) : H = t[69];
   let R;
-  t[70] !== d?.footnote || t[71] !== d?.source || t[72] !== C || t[73] !== _ || t[74] !== a?.footnote || t[75] !== a?.source || t[76] !== x ? (R = _ || C ? /* @__PURE__ */ r.jsx(po, { styles: {
+  t[70] !== d?.footnote || t[71] !== d?.source || t[72] !== O || t[73] !== tt || t[74] !== a?.footnote || t[75] !== a?.source || t[76] !== x ? (R = tt || O ? /* @__PURE__ */ r.jsx(po, { styles: {
     footnote: a?.footnote,
     source: a?.source
   }, classNames: {
     footnote: d?.footnote,
     source: d?.source
-  }, sources: _, footNote: C, width: x }) : null, t[70] = d?.footnote, t[71] = d?.source, t[72] = C, t[73] = _, t[74] = a?.footnote, t[75] = a?.source, t[76] = x, t[77] = R) : R = t[77];
+  }, sources: tt, footNote: O, width: x }) : null, t[70] = d?.footnote, t[71] = d?.source, t[72] = O, t[73] = tt, t[74] = a?.footnote, t[75] = a?.source, t[76] = x, t[77] = R) : R = t[77];
   let xt;
-  return t[78] !== $ || t[79] !== lt || t[80] !== Bt || t[81] !== W || t[82] !== S || t[83] !== c || t[84] !== ot || t[85] !== ie || t[86] !== Ht || t[87] !== Wt || t[88] !== j || t[89] !== H || t[90] !== R || t[91] !== T || t[92] !== x ? (xt = /* @__PURE__ */ r.jsxs(vo, { className: Ht, style: Wt, id: Bt, ref: Qt, "aria-label": $, backgroundColor: lt, theme: T, language: S, minHeight: c, width: x, height: W, relativeHeight: ie, padding: ot, children: [
+  return t[78] !== $ || t[79] !== ct || t[80] !== Bt || t[81] !== W || t[82] !== k || t[83] !== c || t[84] !== it || t[85] !== ie || t[86] !== Ht || t[87] !== Wt || t[88] !== j || t[89] !== H || t[90] !== R || t[91] !== T || t[92] !== x ? (xt = /* @__PURE__ */ r.jsxs(vo, { className: Ht, style: Wt, id: Bt, ref: Qt, "aria-label": $, backgroundColor: ct, theme: T, language: k, minHeight: c, width: x, height: W, relativeHeight: ie, padding: it, children: [
     j,
     H,
     R
-  ] }), t[78] = $, t[79] = lt, t[80] = Bt, t[81] = W, t[82] = S, t[83] = c, t[84] = ot, t[85] = ie, t[86] = Ht, t[87] = Wt, t[88] = j, t[89] = H, t[90] = R, t[91] = T, t[92] = x, t[93] = xt) : xt = t[93], xt;
-}
-function Zo(o) {
-  return o.color;
+  ] }), t[78] = $, t[79] = ct, t[80] = Bt, t[81] = W, t[82] = k, t[83] = c, t[84] = it, t[85] = ie, t[86] = Ht, t[87] = Wt, t[88] = j, t[89] = H, t[90] = R, t[91] = T, t[92] = x, t[93] = xt) : xt = t[93], xt;
 }
 function _o(o) {
   return o.color;
@@ -583,21 +581,24 @@ function ti(o) {
   return o.color;
 }
 function ei(o) {
-  return o !== void 0;
+  return o.color;
 }
 function oi(o) {
   return o !== void 0;
 }
 function ii(o) {
-  return o.data;
+  return o !== void 0;
 }
 function ni(o) {
-  return o !== void 0;
+  return o.data;
 }
 function ri(o) {
+  return o !== void 0;
+}
+function si(o) {
   return o.data;
 }
 export {
-  Fi as MultiLineAltChart
+  Ri as MultiLineAltChart
 };
 //# sourceMappingURL=MultiLineAltChart.js.map