@undp/data-viz 2.3.17 → 2.4.0

package/dist/AreaChart.js

@@ -1,440 +1,442 @@
-import { c as Ce, m as ve, j as a } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { useRef as pe, useState as Qt, useEffect as we } from "react";
-import { p as D, f as Oe } from "./parse-Dv4of-PN.js";
-import { s as Ae } from "./index-CeVNqhMO.js";
-import { o as Le } from "./index-BZQYSqar.js";
-import { n as je } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Se } from "./Tooltip-CohiIbLZ.js";
-import { c as me } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as De, g as $e, A as ke } from "./customArea-Cc2whe6P.js";
-import { A as Te } from "./AxisTitle-DGjX1_2v.js";
-import { A as Ne } from "./Axis-RyGdzLrG.js";
-import { X as Me } from "./XTicksAndGridLines-BDmF9etl.js";
-import { a as He } from "./ReferenceLine-CNEjAYvv.js";
-import { Y as Re } from "./YTicksAndGridLines-C3GW1xFG.js";
-import { H as Ye } from "./index-D_dtv_T9.js";
-import { t as Fe } from "./time-vyz6Y89P.js";
-import { a as Ve } from "./linear-DNXM5Pdl.js";
-import { a as Ge } from "./area-B6r7cv2o.js";
-import { c as Pe } from "./line-DFlZsxI1.js";
-import { c as Xe, s as Ee, a as We, m as Ie } from "./step-BrDul-H4.js";
-import { s as Be } from "./select-DKy99ogv.js";
-import { m as fe } from "./proxy--_f6k3NR.js";
-import { a as ze } from "./init-BhZylTFx.js";
-import { p as Ue } from "./pointer-CWRWOsrb.js";
-import { u as qe } from "./use-in-view-DqvKAveg.js";
-import { A as Je } from "./index-Co3YGYe1.js";
-import { GraphFooter as Ke } from "./GraphFooter.js";
-import { GraphHeader as Qe } from "./GraphHeader.js";
-import { ColorLegend as Ze } from "./ColorLegend.js";
-import { Colors as _e } from "./Colors.js";
-import { E as to } from "./EmptyState-B3fPoH6L.js";
-import { a as eo, G as oo } from "./GraphContainer-DwMxWRCi.js";
-function so(n) {
-  const t = Ce.c(133), {
-    data: p,
-    width: I,
-    height: Lt,
-    colors: jt,
-    dateFormat: i,
-    noOfXTicks: Pt,
-    rightMargin: v,
-    leftMargin: y,
-    topMargin: St,
-    bottomMargin: Dt,
-    yAxisTitle: B,
-    tooltip: z,
-    onSeriesMouseOver: rt,
-    highlightAreaSettings: at,
-    refValues: lt,
-    minValue: Xt,
-    maxValue: ct,
-    rtl: Y,
-    annotations: U,
-    customHighlightAreaSettings: mt,
-    noOfYTicks: Et,
-    prefix: F,
-    suffix: $,
-    curveType: q,
-    styles: g,
-    classNames: x,
-    precision: J,
-    customLayers: V,
-    animate: c
-  } = n, Wt = pe(null);
-  let ft;
-  t[0] !== c.amount || t[1] !== c.once ? (ft = {
+import { c as we, m as Ae, j as r } from "./index-CHPV5EwG-BzibaIRc.js";
+import { useRef as ge, useState as _t, useEffect as be } from "react";
+import { p as $, f as Le } from "./parse-Dv4of-PN.js";
+import { s as Ce } from "./index-CeVNqhMO.js";
+import { o as je } from "./index-BZQYSqar.js";
+import { n as Se } from "./numberFormattingFunction-DqMf_v1m.js";
+import { T as De } from "./Tooltip-Bj-s__cI.js";
+import { c as pe } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { C as $e, g as ke, A as Te } from "./customArea-D89lETG0.js";
+import { A as Ne } from "./AxisTitle-CyLCqpW6.js";
+import { A as Me } from "./Axis-CNZYWzH0.js";
+import { X as He } from "./XTicksAndGridLines-gdbGX2rm.js";
+import { a as Re } from "./ReferenceLine-D41VuUhE.js";
+import { Y as Ye } from "./YTicksAndGridLines-CsNSq9W9.js";
+import { H as Fe } from "./index-DHVGV8Df.js";
+import { t as Ve } from "./time-vyz6Y89P.js";
+import { a as Ge } from "./linear-DNXM5Pdl.js";
+import { a as Pe } from "./area-B6r7cv2o.js";
+import { c as Xe } from "./line-DFlZsxI1.js";
+import { c as Ee, s as We, a as Ie, m as Be } from "./step-BrDul-H4.js";
+import { s as ze } from "./select-DKy99ogv.js";
+import { m as ue } from "./proxy-BsxtcZKa.js";
+import { a as Ue } from "./init-BhZylTFx.js";
+import { p as qe } from "./pointer-CWRWOsrb.js";
+import { u as Je } from "./use-in-view-KOXq5Kmc.js";
+import { A as Ke } from "./index-Cv_5q6Rb.js";
+import { GraphFooter as Qe } from "./GraphFooter.js";
+import { GraphHeader as Ze } from "./GraphHeader.js";
+import { ColorLegend as _e } from "./ColorLegend.js";
+import { Colors as to } from "./Colors.js";
+import { E as eo } from "./EmptyState-CaxXCkiN.js";
+import { a as oo, G as so } from "./GraphContainer-B8ZqOzKI.js";
+function io(i) {
+  const t = we.c(134), {
+    data: f,
+    width: z,
+    height: St,
+    colors: Dt,
+    dateFormat: s,
+    noOfXTicks: Xt,
+    rightMargin: A,
+    leftMargin: v,
+    topMargin: $t,
+    bottomMargin: kt,
+    yAxisTitle: U,
+    tooltip: q,
+    onSeriesMouseOver: lt,
+    highlightAreaSettings: ct,
+    refValues: mt,
+    minValue: Et,
+    maxValue: ft,
+    rtl: F,
+    annotations: J,
+    customHighlightAreaSettings: pt,
+    noOfYTicks: Wt,
+    prefix: V,
+    suffix: k,
+    curveType: K,
+    styles: x,
+    classNames: d,
+    precision: Q,
+    customLayers: G,
+    animate: c,
+    locale: Z
+  } = i, It = ge(null);
+  let P;
+  t[0] !== c.amount || t[1] !== c.once ? (P = {
     once: c.once,
     amount: c.amount
-  }, t[0] = c.amount, t[1] = c.once, t[2] = ft) : ft = t[2];
-  const u = qe(Wt, ft), $t = q === "linear" ? Pe : q === "step" ? Xe : q === "stepAfter" ? Ee : q === "stepBefore" ? We : Ie, [C, kt] = Qt(void 0), [K, It] = Qt(void 0), [pt, Bt] = Qt(void 0), Tt = B ? y + 30 : y;
-  let m;
-  t[3] !== Dt || t[4] !== v || t[5] !== Tt || t[6] !== St ? (m = {
-    top: St,
-    bottom: Dt,
-    left: Tt,
-    right: v
-  }, t[3] = Dt, t[4] = v, t[5] = Tt, t[6] = St, t[7] = m) : m = t[7];
-  const s = m, ut = pe(null);
-  let G;
-  t[8] !== i ? (G = (o) => ({
+  }, t[0] = c.amount, t[1] = c.once, t[2] = P) : P = t[2];
+  const g = Je(It, P), te = K === "linear" ? Xe : K === "step" ? Ee : K === "stepAfter" ? We : K === "stepBefore" ? Ie : Be, [C, Tt] = _t(void 0), [ut, Bt] = _t(void 0), [gt, zt] = _t(void 0), p = U ? v + 30 : v;
+  let l;
+  t[3] !== kt || t[4] !== A || t[5] !== p || t[6] !== $t ? (l = {
+    top: $t,
+    bottom: kt,
+    left: p,
+    right: A
+  }, t[3] = kt, t[4] = A, t[5] = p, t[6] = $t, t[7] = l) : l = t[7];
+  const u = l, X = ge(null);
+  let xt;
+  t[8] !== s ? (xt = (o) => ({
     ...o,
-    date: D(`${o.date}`, i, /* @__PURE__ */ new Date())
-  }), t[8] = i, t[9] = G) : G = t[9];
-  const h = Le(p.map(G), ["date"], ["asc"]);
-  let b;
-  if (t[10] !== i || t[11] !== at) {
+    date: $(`${o.date}`, s, /* @__PURE__ */ new Date())
+  }), t[8] = s, t[9] = xt) : xt = t[9];
+  const y = je(f.map(xt), ["date"], ["asc"]);
+  let O;
+  if (t[10] !== s || t[11] !== ct) {
     let o;
-    t[13] !== i ? (o = (e) => ({
+    t[13] !== s ? (o = (e) => ({
       ...e,
-      coordinates: [e.coordinates[0] === null ? null : D(`${e.coordinates[0]}`, i, /* @__PURE__ */ new Date()), e.coordinates[1] === null ? null : D(`${e.coordinates[1]}`, i, /* @__PURE__ */ new Date())]
-    }), t[13] = i, t[14] = o) : o = t[14], b = at.map(o), t[10] = i, t[11] = at, t[12] = b;
+      coordinates: [e.coordinates[0] === null ? null : $(`${e.coordinates[0]}`, s, /* @__PURE__ */ new Date()), e.coordinates[1] === null ? null : $(`${e.coordinates[1]}`, s, /* @__PURE__ */ new Date())]
+    }), t[13] = s, t[14] = o) : o = t[14], O = ct.map(o), t[10] = s, t[11] = ct, t[12] = O;
   } else
-    b = t[12];
-  const gt = b;
-  let Q;
-  if (t[15] !== mt || t[16] !== i) {
+    O = t[12];
+  const dt = O;
+  let _;
+  if (t[15] !== pt || t[16] !== s) {
     let o;
-    t[18] !== i ? (o = (e) => ({
+    t[18] !== s ? (o = (e) => ({
       ...e,
-      coordinates: e.coordinates.map((w, W) => W % 2 === 0 ? D(`${w}`, i, /* @__PURE__ */ new Date()) : w)
-    }), t[18] = i, t[19] = o) : o = t[19], Q = mt.map(o), t[15] = mt, t[16] = i, t[17] = Q;
+      coordinates: e.coordinates.map((b, B) => B % 2 === 0 ? $(`${b}`, s, /* @__PURE__ */ new Date()) : b)
+    }), t[18] = s, t[19] = o) : o = t[19], _ = pt.map(o), t[15] = pt, t[16] = s, t[17] = _;
   } else
-    Q = t[17];
-  const zt = Q, Ut = h[0].y.map((o, e) => h.map((w) => ({
-    date: w.date,
-    y0: e === 0 ? 0 : Ae(w.y.filter((W, Kt) => Kt < e)),
-    y1: Ae(w.y.filter((W, Kt) => Kt <= e))
-  }))), f = I - s.left - s.right, d = Lt - s.top - s.bottom, qt = h[0].date, Nt = h[h.length - 1].date, A = me(Xt) ? 0 : Xt;
-  let P;
-  t[20] !== p || t[21] !== ct ? (P = me(ct) ? Math.max(...p.map(po)) : ct, t[20] = p, t[21] = ct, t[22] = P) : P = t[22];
-  const Mt = P, r = Fe().domain([qt, Nt]).range([0, f]), l = Ve().domain([A, Mt]).range([d, 0]).nice(), xt = Ge().x((o) => r(o.date)).y0((o) => l(o.y0)).y1((o) => l(o.y1)).curve($t), k = l.ticks(Et), Ht = r.ticks(Pt);
-  we(() => {
-    const o = (w) => {
-      const W = h[ze(h.map(fo), r.invert(Ue(w)[0]), 0)];
-      kt(W || h[h.length - 1]), rt?.(W || h[h.length - 1]), Bt(w.clientY), It(w.clientX);
+    _ = t[17];
+  const Ut = _, qt = y[0].y.map((o, e) => y.map((b) => ({
+    date: b.date,
+    y0: e === 0 ? 0 : Ce(b.y.filter((B, Zt) => Zt < e)),
+    y1: Ce(b.y.filter((B, Zt) => Zt <= e))
+  }))), m = z - u.left - u.right, h = St - u.top - u.bottom, Jt = y[0].date, Nt = y[y.length - 1].date, w = pe(Et) ? 0 : Et;
+  let E;
+  t[20] !== f || t[21] !== ft ? (E = pe(ft) ? Math.max(...f.map(uo)) : ft, t[20] = f, t[21] = ft, t[22] = E) : E = t[22];
+  const Mt = E, n = Ve().domain([Jt, Nt]).range([0, m]), a = Ge().domain([w, Mt]).range([h, 0]).nice(), ht = Pe().x((o) => n(o.date)).y0((o) => a(o.y0)).y1((o) => a(o.y1)).curve(te), T = a.ticks(Wt), Ht = n.ticks(Xt);
+  be(() => {
+    const o = (b) => {
+      const B = y[Ue(y.map(po), n.invert(qe(b)[0]), 0)];
+      Tt(B || y[y.length - 1]), lt?.(B || y[y.length - 1]), zt(b.clientY), Bt(b.clientX);
     }, e = () => {
-      kt(void 0), It(void 0), Bt(void 0), rt?.(void 0);
+      Tt(void 0), Bt(void 0), zt(void 0), lt?.(void 0);
     };
-    Be(ut.current).on("mousemove", o).on("mouseout", e), rt?.(void 0);
-  }, [r, h, rt]);
-  let X;
-  t[23] !== c || t[24] !== d || t[25] !== f || t[26] !== gt || t[27] !== u || t[28] !== r ? (X = /* @__PURE__ */ a.jsx(Ye, { areaSettings: gt, width: f, height: d, scale: r, animate: c, isInView: u }), t[23] = c, t[24] = d, t[25] = f, t[26] = gt, t[27] = u, t[28] = r, t[29] = X) : X = t[29];
-  const dt = g?.yAxis?.gridLines, Z = g?.yAxis?.labels;
-  let _;
-  t[30] !== dt || t[31] !== Z ? (_ = {
-    gridLines: dt,
-    labels: Z
-  }, t[30] = dt, t[31] = Z, t[32] = _) : _ = t[32];
-  const ht = x?.yAxis?.gridLines, yt = x?.yAxis?.labels;
-  let tt;
-  t[33] !== ht || t[34] !== yt ? (tt = {
-    gridLines: ht,
-    labels: yt
-  }, t[33] = ht, t[34] = yt, t[35] = tt) : tt = t[35];
-  const vt = l(A < 0 ? 0 : A), At = l(A < 0 ? 0 : A), Ct = 0 - y, et = f + s.right, wt = A < 0 ? 0 : A;
-  let O;
-  t[36] !== J || t[37] !== F || t[38] !== $ || t[39] !== wt ? (O = je(wt, "NA", J, F, $), t[36] = J, t[37] = F, t[38] = $, t[39] = wt, t[40] = O) : O = t[40];
-  const ot = 0 - y, Jt = Mt < 0 ? "1em" : -5, st = l(A < 0 ? 0 : A);
-  let it;
-  t[41] !== ot || t[42] !== Jt || t[43] !== st ? (it = {
-    x: ot,
-    dx: 0,
-    dy: Jt,
-    y: st
-  }, t[41] = ot, t[42] = Jt, t[43] = st, t[44] = it) : it = t[44];
-  const bt = x?.xAxis?.axis, Rt = x?.yAxis?.labels;
+    ze(X.current).on("mousemove", o).on("mouseout", e), lt?.(void 0);
+  }, [n, y, lt]);
+  let W;
+  t[23] !== c || t[24] !== h || t[25] !== m || t[26] !== dt || t[27] !== g || t[28] !== n ? (W = /* @__PURE__ */ r.jsx(Fe, { areaSettings: dt, width: m, height: h, scale: n, animate: c, isInView: g }), t[23] = c, t[24] = h, t[25] = m, t[26] = dt, t[27] = g, t[28] = n, t[29] = W) : W = t[29];
+  const yt = x?.yAxis?.gridLines, tt = x?.yAxis?.labels;
+  let et;
+  t[30] !== yt || t[31] !== tt ? (et = {
+    gridLines: yt,
+    labels: tt
+  }, t[30] = yt, t[31] = tt, t[32] = et) : et = t[32];
+  const vt = d?.yAxis?.gridLines, At = d?.yAxis?.labels;
+  let ot;
+  t[33] !== vt || t[34] !== At ? (ot = {
+    gridLines: vt,
+    labels: At
+  }, t[33] = vt, t[34] = At, t[35] = ot) : ot = t[35];
+  const Ct = a(w < 0 ? 0 : w), wt = a(w < 0 ? 0 : w), bt = 0 - v, st = m + u.right, Ot = w < 0 ? 0 : w;
   let L;
-  t[45] !== bt || t[46] !== Rt ? (L = {
-    axis: bt,
-    label: Rt
-  }, t[45] = bt, t[46] = Rt, t[47] = L) : L = t[47];
-  const nt = g?.xAxis?.axis, Ot = g?.yAxis?.labels;
-  let T;
-  t[48] !== nt || t[49] !== Ot ? (T = {
-    axis: nt,
-    label: Ot
-  }, t[48] = nt, t[49] = Ot, t[50] = T) : T = t[50];
+  t[36] !== Z || t[37] !== Q || t[38] !== V || t[39] !== k || t[40] !== Ot ? (L = Se(Ot, void 0, Q, V, k, Z), t[36] = Z, t[37] = Q, t[38] = V, t[39] = k, t[40] = Ot, t[41] = L) : L = t[41];
+  const Lt = 0 - v, it = Mt < 0 ? "1em" : -5, Kt = a(w < 0 ? 0 : w);
   let j;
-  t[51] !== vt || t[52] !== At || t[53] !== Ct || t[54] !== et || t[55] !== O || t[56] !== it || t[57] !== L || t[58] !== T ? (j = /* @__PURE__ */ a.jsx(Ne, { y1: vt, y2: At, x1: Ct, x2: et, label: O, labelPos: it, classNames: L, styles: T }), t[51] = vt, t[52] = At, t[53] = Ct, t[54] = et, t[55] = O, t[56] = it, t[57] = L, t[58] = T, t[59] = j) : j = t[59];
-  const N = 0 - y - 15, M = d / 2, H = g?.yAxis?.title, R = x?.yAxis?.title;
+  t[42] !== Lt || t[43] !== it || t[44] !== Kt ? (j = {
+    x: Lt,
+    dx: 0,
+    dy: it,
+    y: Kt
+  }, t[42] = Lt, t[43] = it, t[44] = Kt, t[45] = j) : j = t[45];
+  const Qt = d?.xAxis?.axis, jt = d?.yAxis?.labels;
+  let I;
+  t[46] !== Qt || t[47] !== jt ? (I = {
+    axis: Qt,
+    label: jt
+  }, t[46] = Qt, t[47] = jt, t[48] = I) : I = t[48];
+  const nt = x?.xAxis?.axis, rt = x?.yAxis?.labels;
+  let N;
+  t[49] !== nt || t[50] !== rt ? (N = {
+    axis: nt,
+    label: rt
+  }, t[49] = nt, t[50] = rt, t[51] = N) : N = t[51];
+  let at;
+  t[52] !== Ct || t[53] !== wt || t[54] !== bt || t[55] !== st || t[56] !== L || t[57] !== j || t[58] !== I || t[59] !== N ? (at = /* @__PURE__ */ r.jsx(Me, { y1: Ct, y2: wt, x1: bt, x2: st, label: L, labelPos: j, classNames: I, styles: N }), t[52] = Ct, t[53] = wt, t[54] = bt, t[55] = st, t[56] = L, t[57] = j, t[58] = I, t[59] = N, t[60] = at) : at = t[60];
+  const M = 0 - v - 15, H = h / 2, R = x?.yAxis?.title, Y = d?.yAxis?.title;
   let S;
-  t[60] !== N || t[61] !== M || t[62] !== H || t[63] !== R || t[64] !== B ? (S = /* @__PURE__ */ a.jsx(Te, { x: N, y: M, style: H, className: R, text: B, rotate90: !0 }), t[60] = N, t[61] = M, t[62] = H, t[63] = R, t[64] = B, t[65] = S) : S = t[65];
-  let E;
-  t[66] !== i ? (E = (o) => Oe(o, i), t[66] = i, t[67] = E) : E = t[67];
-  const Zt = Ht.map(E), _t = Ht.map((o) => r(o)), ue = g?.xAxis?.gridLines, ge = g?.xAxis?.labels;
-  let te;
-  t[68] !== ue || t[69] !== ge ? (te = {
-    gridLines: ue,
-    labels: ge
-  }, t[68] = ue, t[69] = ge, t[70] = te) : te = t[70];
-  const xe = x?.xAxis?.gridLines;
-  let Yt;
-  t[71] !== xe ? (Yt = ve("opacity-0", xe), t[71] = xe, t[72] = Yt) : Yt = t[72];
-  const de = x?.xAxis?.labels;
-  let Ft;
-  t[73] !== de ? (Ft = ve("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[8px] sm:text-[9px] md:text-[10px] lg:text-xs", de), t[73] = de, t[74] = Ft) : Ft = t[74];
-  let ee;
-  t[75] !== Yt || t[76] !== Ft ? (ee = {
-    gridLines: Yt,
-    labels: Ft
-  }, t[75] = Yt, t[76] = Ft, t[77] = ee) : ee = t[77];
+  t[61] !== M || t[62] !== H || t[63] !== R || t[64] !== Y || t[65] !== U ? (S = /* @__PURE__ */ r.jsx(Ne, { x: M, y: H, style: R, className: Y, text: U, rotate90: !0 }), t[61] = M, t[62] = H, t[63] = R, t[64] = Y, t[65] = U, t[66] = S) : S = t[66];
+  let D;
+  t[67] !== s ? (D = (o) => Le(o, s), t[67] = s, t[68] = D) : D = t[68];
+  const Rt = Ht.map(D), ee = Ht.map((o) => n(o)), Yt = x?.xAxis?.gridLines, xe = x?.xAxis?.labels;
   let oe;
-  t[78] !== V ? (oe = V.filter(lo).map(ao), t[78] = V, t[79] = oe) : oe = t[79];
-  const he = fe, ye = Ut.map((o, e) => /* @__PURE__ */ a.jsx(fe.path, { d: xt(o), exit: {
+  t[69] !== Yt || t[70] !== xe ? (oe = {
+    gridLines: Yt,
+    labels: xe
+  }, t[69] = Yt, t[70] = xe, t[71] = oe) : oe = t[71];
+  const de = d?.xAxis?.gridLines;
+  let Ft;
+  t[72] !== de ? (Ft = Ae("opacity-0", de), t[72] = de, t[73] = Ft) : Ft = t[73];
+  const he = d?.xAxis?.labels;
+  let Vt;
+  t[74] !== he ? (Vt = Ae("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[8px] sm:text-[9px] md:text-[10px] lg:text-xs", he), t[74] = he, t[75] = Vt) : Vt = t[75];
+  let se;
+  t[76] !== Ft || t[77] !== Vt ? (se = {
+    gridLines: Ft,
+    labels: Vt
+  }, t[76] = Ft, t[77] = Vt, t[78] = se) : se = t[78];
+  let ie;
+  t[79] !== G ? (ie = G.filter(co).map(lo), t[79] = G, t[80] = ie) : ie = t[80];
+  const ye = ue, ve = qt.map((o, e) => /* @__PURE__ */ r.jsx(ue.path, { d: ht(o), exit: {
     opacity: 0,
     transition: {
       duration: c.duration
     }
   }, variants: {
     initial: {
-      d: xt(o.map(ro)),
+      d: ht(o.map(ao)),
       opacity: 0
     },
     whileInView: {
-      d: xt(o),
+      d: ht(o),
       opacity: 1,
       transition: {
         duration: c.duration
       }
     }
-  }, initial: "initial", animate: u ? "whileInView" : "initial", style: {
-    fill: jt[e],
+  }, initial: "initial", animate: g ? "whileInView" : "initial", style: {
+    fill: Dt[e],
     opacity: 0.8
   } }, e));
-  let Vt;
-  t[80] !== x?.mouseOverLine || t[81] !== d || t[82] !== C || t[83] !== g?.mouseOverLine || t[84] !== r ? (Vt = C ? /* @__PURE__ */ a.jsx("line", { y1: 0, y2: d, x1: r(C.date), x2: r(C.date), className: ve("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100", x?.mouseOverLine), style: g?.mouseOverLine }) : null, t[80] = x?.mouseOverLine, t[81] = d, t[82] = C, t[83] = g?.mouseOverLine, t[84] = r, t[85] = Vt) : Vt = t[85];
-  let se;
-  t[86] !== he.g || t[87] !== ye || t[88] !== Vt ? (se = /* @__PURE__ */ a.jsxs(he.g, { children: [
-    ye,
-    Vt
-  ] }), t[86] = he.g, t[87] = ye, t[88] = Vt, t[89] = se) : se = t[89];
-  let ie;
-  t[90] !== c || t[91] !== f || t[92] !== u || t[93] !== y || t[94] !== s.right || t[95] !== lt || t[96] !== l ? (ie = lt ? /* @__PURE__ */ a.jsx(a.Fragment, { children: lt.map((o, e) => /* @__PURE__ */ a.jsx(He, { text: o.text, color: o.color, y: l(o.value), x1: 0 - y, x2: f + s.right, classNames: o.classNames, styles: o.styles, animate: c, isInView: u }, e)) }) : null, t[90] = c, t[91] = f, t[92] = u, t[93] = y, t[94] = s.right, t[95] = lt, t[96] = l, t[97] = ie) : ie = t[97];
   let Gt;
-  if (t[98] !== c || t[99] !== U || t[100] !== i || t[101] !== f || t[102] !== u || t[103] !== s.right || t[104] !== Y || t[105] !== r || t[106] !== l) {
+  t[81] !== d?.mouseOverLine || t[82] !== h || t[83] !== C || t[84] !== x?.mouseOverLine || t[85] !== n ? (Gt = C ? /* @__PURE__ */ r.jsx("line", { y1: 0, y2: h, x1: n(C.date), x2: n(C.date), className: Ae("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100", d?.mouseOverLine), style: x?.mouseOverLine }) : null, t[81] = d?.mouseOverLine, t[82] = h, t[83] = C, t[84] = x?.mouseOverLine, t[85] = n, t[86] = Gt) : Gt = t[86];
+  let ne;
+  t[87] !== ye.g || t[88] !== ve || t[89] !== Gt ? (ne = /* @__PURE__ */ r.jsxs(ye.g, { children: [
+    ve,
+    Gt
+  ] }), t[87] = ye.g, t[88] = ve, t[89] = Gt, t[90] = ne) : ne = t[90];
+  let re;
+  t[91] !== c || t[92] !== m || t[93] !== g || t[94] !== v || t[95] !== u.right || t[96] !== mt || t[97] !== a ? (re = mt ? /* @__PURE__ */ r.jsx(r.Fragment, { children: mt.map((o, e) => /* @__PURE__ */ r.jsx(Re, { text: o.text, color: o.color, y: a(o.value), x1: 0 - v, x2: m + u.right, classNames: o.classNames, styles: o.styles, animate: c, isInView: g }, e)) }) : null, t[91] = c, t[92] = m, t[93] = g, t[94] = v, t[95] = u.right, t[96] = mt, t[97] = a, t[98] = re) : re = t[98];
+  let Pt;
+  if (t[99] !== c || t[100] !== J || t[101] !== s || t[102] !== m || t[103] !== g || t[104] !== u.right || t[105] !== F || t[106] !== n || t[107] !== a) {
     let o;
-    t[108] !== c || t[109] !== i || t[110] !== f || t[111] !== u || t[112] !== s.right || t[113] !== Y || t[114] !== r || t[115] !== l ? (o = (e, w) => {
-      const W = $e({
-        x: e.xCoordinate ? r(D(`${e.xCoordinate}`, i, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        y: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
+    t[109] !== c || t[110] !== s || t[111] !== m || t[112] !== g || t[113] !== u.right || t[114] !== F || t[115] !== n || t[116] !== a ? (o = (e, b) => {
+      const B = ke({
+        x: e.xCoordinate ? n($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+        y: e.yCoordinate ? a(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
       }, {
-        x: e.xCoordinate ? r(D(`${e.xCoordinate}`, i, /* @__PURE__ */ new Date())) : 0,
-        y: e.yCoordinate ? l(e.yCoordinate) : 0
-      }, me(e.connectorRadius) ? 3.5 : e.connectorRadius), Kt = e.showConnector ? {
-        y1: W.y,
-        x1: W.x,
-        y2: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
-        x2: e.xCoordinate ? r(D(`${e.xCoordinate}`, i, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        cx: e.xCoordinate ? r(D(`${e.xCoordinate}`, i, /* @__PURE__ */ new Date())) : 0,
-        cy: e.yCoordinate ? l(e.yCoordinate) : 0,
-        circleRadius: me(e.connectorRadius) ? 3.5 : e.connectorRadius,
+        x: e.xCoordinate ? n($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) : 0,
+        y: e.yCoordinate ? a(e.yCoordinate) : 0
+      }, pe(e.connectorRadius) ? 3.5 : e.connectorRadius), Zt = e.showConnector ? {
+        y1: B.y,
+        x1: B.x,
+        y2: e.yCoordinate ? a(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
+        x2: e.xCoordinate ? n($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+        cx: e.xCoordinate ? n($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) : 0,
+        cy: e.yCoordinate ? a(e.yCoordinate) : 0,
+        circleRadius: pe(e.connectorRadius) ? 3.5 : e.connectorRadius,
         strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
-      } : void 0, be = {
-        y: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
-        x: Y ? 0 : e.xCoordinate ? r(D(`${e.xCoordinate}`, i, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        width: Y ? e.xCoordinate ? r(D(`${e.xCoordinate}`, i, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : f + s.right - (e.xCoordinate ? r(D(`${e.xCoordinate}`, i, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+      } : void 0, Oe = {
+        y: e.yCoordinate ? a(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
+        x: F ? 0 : e.xCoordinate ? n($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+        width: F ? e.xCoordinate ? n($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : m + u.right - (e.xCoordinate ? n($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
         maxWidth: e.maxWidth,
         fontWeight: e.fontWeight,
         align: e.align
       };
-      return /* @__PURE__ */ a.jsx(ke, { color: e.color, connectorsSettings: Kt, labelSettings: be, text: e.text, classNames: e.classNames, styles: e.styles, animate: c, isInView: u }, w);
-    }, t[108] = c, t[109] = i, t[110] = f, t[111] = u, t[112] = s.right, t[113] = Y, t[114] = r, t[115] = l, t[116] = o) : o = t[116], Gt = U.map(o), t[98] = c, t[99] = U, t[100] = i, t[101] = f, t[102] = u, t[103] = s.right, t[104] = Y, t[105] = r, t[106] = l, t[107] = Gt;
+      return /* @__PURE__ */ r.jsx(Te, { color: e.color, connectorsSettings: Zt, labelSettings: Oe, text: e.text, classNames: e.classNames, styles: e.styles, animate: c, isInView: g }, b);
+    }, t[109] = c, t[110] = s, t[111] = m, t[112] = g, t[113] = u.right, t[114] = F, t[115] = n, t[116] = a, t[117] = o) : o = t[117], Pt = J.map(o), t[99] = c, t[100] = J, t[101] = s, t[102] = m, t[103] = g, t[104] = u.right, t[105] = F, t[106] = n, t[107] = a, t[108] = Pt;
   } else
-    Gt = t[107];
-  let ne;
-  t[117] !== Gt ? (ne = /* @__PURE__ */ a.jsx("g", { children: Gt }), t[117] = Gt, t[118] = ne) : ne = t[118];
-  let re;
-  t[119] !== V ? (re = V.filter(no).map(io), t[119] = V, t[120] = re) : re = t[120];
+    Pt = t[108];
   let ae;
-  t[121] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ae = {
-    fill: "none",
-    pointerEvents: "all"
-  }, t[121] = ae) : ae = t[121];
+  t[118] !== Pt ? (ae = /* @__PURE__ */ r.jsx("g", { children: Pt }), t[118] = Pt, t[119] = ae) : ae = t[119];
   let le;
-  t[122] !== ut || t[123] !== d || t[124] !== f ? (le = /* @__PURE__ */ a.jsx("rect", { ref: ut, style: ae, width: f, height: d }), t[122] = ut, t[123] = d, t[124] = f, t[125] = le) : le = t[125];
+  t[120] !== G ? (le = G.filter(ro).map(no), t[120] = G, t[121] = le) : le = t[121];
   let ce;
-  return t[126] !== x?.tooltip || t[127] !== K || t[128] !== pt || t[129] !== C || t[130] !== g?.tooltip || t[131] !== z ? (ce = C && z && K && pt ? /* @__PURE__ */ a.jsx(Se, { data: C, body: z, xPos: K, yPos: pt, backgroundStyle: g?.tooltip, className: x?.tooltip }) : null, t[126] = x?.tooltip, t[127] = K, t[128] = pt, t[129] = C, t[130] = g?.tooltip, t[131] = z, t[132] = ce) : ce = t[132], /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(fe.svg, { width: `${I}px`, height: `${Lt}px`, viewBox: `0 0 ${I} ${Lt}`, direction: "ltr", ref: Wt, children: /* @__PURE__ */ a.jsx(Je, { children: /* @__PURE__ */ a.jsxs(fe.g, { transform: `translate(${s.left},${s.top})`, children: [
-      X,
-      /* @__PURE__ */ a.jsx(De, { animate: c, areaSettings: zt, scaleX: r, scaleY: l, isInView: u }),
-      /* @__PURE__ */ a.jsxs("g", { children: [
-        /* @__PURE__ */ a.jsx(Re, { values: k.filter(mo), y: k.filter(co).map((o) => l(o)), x1: 0 - y, x2: f + s.right, styles: _, classNames: tt, suffix: $, prefix: F, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: J }),
-        j,
+  t[122] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ce = {
+    fill: "none",
+    pointerEvents: "all"
+  }, t[122] = ce) : ce = t[122];
+  let me;
+  t[123] !== X || t[124] !== h || t[125] !== m ? (me = /* @__PURE__ */ r.jsx("rect", { ref: X, style: ce, width: m, height: h }), t[123] = X, t[124] = h, t[125] = m, t[126] = me) : me = t[126];
+  let fe;
+  return t[127] !== d?.tooltip || t[128] !== ut || t[129] !== gt || t[130] !== C || t[131] !== x?.tooltip || t[132] !== q ? (fe = C && q && ut && gt ? /* @__PURE__ */ r.jsx(De, { data: C, body: q, xPos: ut, yPos: gt, backgroundStyle: x?.tooltip, className: d?.tooltip }) : null, t[127] = d?.tooltip, t[128] = ut, t[129] = gt, t[130] = C, t[131] = x?.tooltip, t[132] = q, t[133] = fe) : fe = t[133], /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(ue.svg, { width: `${z}px`, height: `${St}px`, viewBox: `0 0 ${z} ${St}`, direction: "ltr", ref: It, children: /* @__PURE__ */ r.jsx(Ke, { children: /* @__PURE__ */ r.jsxs(ue.g, { transform: `translate(${u.left},${u.top})`, children: [
+      W,
+      /* @__PURE__ */ r.jsx($e, { animate: c, areaSettings: Ut, scaleX: n, scaleY: a, isInView: g }),
+      /* @__PURE__ */ r.jsxs("g", { children: [
+        /* @__PURE__ */ r.jsx(Ye, { values: T.filter(fo), y: T.filter(mo).map((o) => a(o)), x1: 0 - v, x2: m + u.right, styles: et, classNames: ot, suffix: k, prefix: V, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: Q, locale: Z }),
+        at,
         S
       ] }),
-      /* @__PURE__ */ a.jsx(Me, { values: Zt, x: _t, y1: 0, y2: d, styles: te, classNames: ee, suffix: $, prefix: F, labelType: "primary", showGridLines: !0, precision: J }),
-      oe,
-      se,
+      /* @__PURE__ */ r.jsx(He, { values: Rt, x: ee, y1: 0, y2: h, styles: oe, classNames: se, suffix: k, prefix: V, labelType: "primary", showGridLines: !0, precision: Q, locale: Z }),
       ie,
       ne,
       re,
-      le
+      ae,
+      le,
+      me
     ] }) }) }),
-    ce
+    fe
   ] });
 }
-function io(n) {
-  return n.layer;
+function no(i) {
+  return i.layer;
 }
-function no(n) {
-  return n.position === "after";
+function ro(i) {
+  return i.position === "after";
 }
-function ro(n) {
+function ao(i) {
   return {
-    ...n,
+    ...i,
     y0: 0,
     y1: 0
   };
 }
-function ao(n) {
-  return n.layer;
+function lo(i) {
+  return i.layer;
 }
-function lo(n) {
-  return n.position === "before";
+function co(i) {
+  return i.position === "before";
 }
-function co(n) {
-  return n !== 0;
+function mo(i) {
+  return i !== 0;
 }
-function mo(n) {
-  return n !== 0;
+function fo(i) {
+  return i !== 0;
 }
-function fo(n) {
-  return n.date;
+function po(i) {
+  return i.date;
 }
-function po(n) {
-  return Ae(n.y) || 0;
+function uo(i) {
+  return Ce(i.y) || 0;
 }
-function Qo(n) {
-  const t = Ce.c(90), {
-    data: p,
-    graphTitle: I,
-    colors: Lt,
-    sources: jt,
-    graphDescription: i,
-    height: Pt,
-    width: v,
-    footNote: y,
-    noOfXTicks: St,
-    dateFormat: Dt,
-    colorDomain: B,
-    padding: z,
-    backgroundColor: rt,
-    colorLegendTitle: at,
-    leftMargin: lt,
-    rightMargin: Xt,
-    topMargin: ct,
-    bottomMargin: Y,
-    highlightAreaSettings: U,
-    tooltip: mt,
-    relativeHeight: Et,
-    onSeriesMouseOver: F,
-    refValues: $,
-    graphID: q,
-    minValue: g,
-    maxValue: x,
-    graphDownload: J,
-    dataDownload: V,
+function Zo(i) {
+  const t = we.c(91), {
+    data: f,
+    graphTitle: z,
+    colors: St,
+    sources: Dt,
+    graphDescription: s,
+    height: Xt,
+    width: A,
+    footNote: v,
+    noOfXTicks: $t,
+    dateFormat: kt,
+    colorDomain: U,
+    padding: q,
+    backgroundColor: lt,
+    colorLegendTitle: ct,
+    leftMargin: mt,
+    rightMargin: Et,
+    topMargin: ft,
+    bottomMargin: F,
+    highlightAreaSettings: J,
+    tooltip: pt,
+    relativeHeight: Wt,
+    onSeriesMouseOver: V,
+    refValues: k,
+    graphID: K,
+    minValue: x,
+    maxValue: d,
+    graphDownload: Q,
+    dataDownload: G,
     showColorScale: c,
-    language: Wt,
-    minHeight: ft,
-    annotations: u,
-    customHighlightAreaSettings: $t,
-    theme: C,
-    ariaLabel: kt,
-    yAxisTitle: K,
-    noOfYTicks: It,
-    prefix: pt,
-    suffix: Bt,
-    curveType: Tt,
-    styles: m,
-    classNames: s,
-    precision: ut,
-    customLayers: G,
-    animate: h
-  } = n, b = Lt === void 0 ? _e.light.categoricalColors.colors : Lt, gt = St === void 0 ? 10 : St, Q = Dt === void 0 ? "yyyy" : Dt, zt = rt === void 0 ? !1 : rt, Ut = lt === void 0 ? 50 : lt, f = Xt === void 0 ? 20 : Xt, d = ct === void 0 ? 20 : ct, qt = Y === void 0 ? 25 : Y;
+    language: Z,
+    minHeight: It,
+    annotations: P,
+    customHighlightAreaSettings: g,
+    theme: te,
+    ariaLabel: C,
+    yAxisTitle: Tt,
+    noOfYTicks: ut,
+    prefix: Bt,
+    suffix: gt,
+    curveType: zt,
+    styles: p,
+    classNames: l,
+    precision: u,
+    customLayers: X,
+    animate: xt,
+    locale: y
+  } = i, O = St === void 0 ? to.light.categoricalColors.colors : St, dt = $t === void 0 ? 10 : $t, _ = kt === void 0 ? "yyyy" : kt, Ut = lt === void 0 ? !1 : lt, qt = mt === void 0 ? 50 : mt, m = Et === void 0 ? 20 : Et, h = ft === void 0 ? 20 : ft, Jt = F === void 0 ? 25 : F;
   let Nt;
-  t[0] !== U ? (Nt = U === void 0 ? [] : U, t[0] = U, t[1] = Nt) : Nt = t[1];
-  const A = Nt;
-  let P;
-  t[2] !== $ ? (P = $ === void 0 ? [] : $, t[2] = $, t[3] = P) : P = t[3];
-  const Mt = P, r = J === void 0 ? !1 : J, l = V === void 0 ? !1 : V, xt = c === void 0 ? !0 : c, k = Wt === void 0 ? "en" : Wt, Ht = ft === void 0 ? 0 : ft;
-  let X;
-  t[4] !== u ? (X = u === void 0 ? [] : u, t[4] = u, t[5] = X) : X = t[5];
-  const dt = X;
-  let Z;
-  t[6] !== $t ? (Z = $t === void 0 ? [] : $t, t[6] = $t, t[7] = Z) : Z = t[7];
-  const _ = Z, ht = C === void 0 ? "light" : C, yt = It === void 0 ? 5 : It, tt = pt === void 0 ? "" : pt, vt = Bt === void 0 ? "" : Bt, At = Tt === void 0 ? "curve" : Tt, Ct = ut === void 0 ? 2 : ut;
-  let et;
-  t[8] !== G ? (et = G === void 0 ? [] : G, t[8] = G, t[9] = et) : et = t[9];
-  const wt = et, O = h === void 0 ? !1 : h, [ot, Jt] = Qt(0), [st, it] = Qt(0), bt = pe(null), Rt = pe(null);
-  let L, nt;
-  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => {
-    const Zt = new ResizeObserver((_t) => {
-      Jt(_t[0].target.clientWidth || 620), it(_t[0].target.clientHeight || 480);
+  t[0] !== J ? (Nt = J === void 0 ? [] : J, t[0] = J, t[1] = Nt) : Nt = t[1];
+  const w = Nt;
+  let E;
+  t[2] !== k ? (E = k === void 0 ? [] : k, t[2] = k, t[3] = E) : E = t[3];
+  const Mt = E, n = Q === void 0 ? !1 : Q, a = G === void 0 ? !1 : G, ht = c === void 0 ? !0 : c, T = Z === void 0 ? "en" : Z, Ht = It === void 0 ? 0 : It;
+  let W;
+  t[4] !== P ? (W = P === void 0 ? [] : P, t[4] = P, t[5] = W) : W = t[5];
+  const yt = W;
+  let tt;
+  t[6] !== g ? (tt = g === void 0 ? [] : g, t[6] = g, t[7] = tt) : tt = t[7];
+  const et = tt, vt = te === void 0 ? "light" : te, At = ut === void 0 ? 5 : ut, ot = Bt === void 0 ? "" : Bt, Ct = gt === void 0 ? "" : gt, wt = zt === void 0 ? "curve" : zt, bt = u === void 0 ? 2 : u;
+  let st;
+  t[8] !== X ? (st = X === void 0 ? [] : X, t[8] = X, t[9] = st) : st = t[9];
+  const Ot = st, L = xt === void 0 ? !1 : xt, Lt = y === void 0 ? "en" : y, [it, Kt] = _t(0), [j, Qt] = _t(0), jt = ge(null), I = ge(null);
+  let nt, rt;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
+    const ee = new ResizeObserver((Yt) => {
+      Kt(Yt[0].target.clientWidth || 620), Qt(Yt[0].target.clientHeight || 480);
     });
-    return bt.current && Zt.observe(bt.current), () => Zt.disconnect();
-  }, nt = [], t[10] = L, t[11] = nt) : (L = t[10], nt = t[11]), we(L, nt);
-  const Ot = s?.graphContainer, T = m?.graphContainer;
-  let j;
-  t[12] !== s?.description || t[13] !== s?.title || t[14] !== p || t[15] !== l || t[16] !== i || t[17] !== r || t[18] !== I || t[19] !== m?.description || t[20] !== m?.title || t[21] !== v ? (j = I || i || r || l ? /* @__PURE__ */ a.jsx(Qe, { styles: {
-    title: m?.title,
-    description: m?.description
-  }, classNames: {
-    title: s?.title,
-    description: s?.description
-  }, graphTitle: I, graphDescription: i, width: v, graphDownload: r ? Rt : void 0, dataDownload: l ? p.map(yo).filter(ho).length > 0 ? p.map(xo).filter(go) : p.filter(uo) : null }) : null, t[12] = s?.description, t[13] = s?.title, t[14] = p, t[15] = l, t[16] = i, t[17] = r, t[18] = I, t[19] = m?.description, t[20] = m?.title, t[21] = v, t[22] = j) : j = t[22];
-  let N;
-  t[23] !== s?.colorLegend || t[24] !== B || t[25] !== at || t[26] !== b || t[27] !== p.length || t[28] !== xt ? (N = xt !== !1 && p.length > 0 ? /* @__PURE__ */ a.jsx(Ze, { colorDomain: B, colors: b, colorLegendTitle: at, showNAColor: !1, className: s?.colorLegend }) : null, t[23] = s?.colorLegend, t[24] = B, t[25] = at, t[26] = b, t[27] = p.length, t[28] = xt, t[29] = N) : N = t[29];
+    return jt.current && ee.observe(jt.current), () => ee.disconnect();
+  }, rt = [], t[10] = nt, t[11] = rt) : (nt = t[10], rt = t[11]), be(nt, rt);
+  const N = l?.graphContainer, at = p?.graphContainer;
   let M;
-  t[30] !== p.length ? (M = p.length === 0 && /* @__PURE__ */ a.jsx(to, {}), t[30] = p.length, t[31] = M) : M = t[31];
+  t[12] !== l?.description || t[13] !== l?.title || t[14] !== f || t[15] !== a || t[16] !== s || t[17] !== n || t[18] !== z || t[19] !== p?.description || t[20] !== p?.title || t[21] !== A ? (M = z || s || n || a ? /* @__PURE__ */ r.jsx(Ze, { styles: {
+    title: p?.title,
+    description: p?.description
+  }, classNames: {
+    title: l?.title,
+    description: l?.description
+  }, graphTitle: z, graphDescription: s, width: A, graphDownload: n ? I : void 0, dataDownload: a ? f.map(vo).filter(yo).length > 0 ? f.map(ho).filter(xo) : f.filter(go) : null }) : null, t[12] = l?.description, t[13] = l?.title, t[14] = f, t[15] = a, t[16] = s, t[17] = n, t[18] = z, t[19] = p?.description, t[20] = p?.title, t[21] = A, t[22] = M) : M = t[22];
   let H;
-  t[32] !== O || t[33] !== dt || t[34] !== qt || t[35] !== s || t[36] !== b || t[37] !== At || t[38] !== _ || t[39] !== wt || t[40] !== p || t[41] !== Q || t[42] !== A || t[43] !== k || t[44] !== Ut || t[45] !== x || t[46] !== g || t[47] !== gt || t[48] !== yt || t[49] !== F || t[50] !== Ct || t[51] !== tt || t[52] !== Mt || t[53] !== f || t[54] !== m || t[55] !== vt || t[56] !== st || t[57] !== ot || t[58] !== mt || t[59] !== d || t[60] !== K ? (H = ot && st && p.length > 0 ? /* @__PURE__ */ a.jsx(so, { data: p, colors: b, width: ot, height: st, dateFormat: Q, noOfXTicks: gt, leftMargin: Ut, rightMargin: f, topMargin: d, bottomMargin: qt, tooltip: mt, onSeriesMouseOver: F, highlightAreaSettings: A, refValues: Mt, minValue: g, maxValue: x, rtl: k === "he" || k === "ar", annotations: dt, customHighlightAreaSettings: _, yAxisTitle: K, noOfYTicks: yt, prefix: tt, suffix: vt, curveType: At, styles: m, classNames: s, precision: Ct, customLayers: wt, animate: O === !0 ? {
+  t[23] !== l?.colorLegend || t[24] !== U || t[25] !== ct || t[26] !== O || t[27] !== f.length || t[28] !== ht ? (H = ht !== !1 && f.length > 0 ? /* @__PURE__ */ r.jsx(_e, { colorDomain: U, colors: O, colorLegendTitle: ct, showNAColor: !1, className: l?.colorLegend }) : null, t[23] = l?.colorLegend, t[24] = U, t[25] = ct, t[26] = O, t[27] = f.length, t[28] = ht, t[29] = H) : H = t[29];
+  let R;
+  t[30] !== f.length ? (R = f.length === 0 && /* @__PURE__ */ r.jsx(eo, {}), t[30] = f.length, t[31] = R) : R = t[31];
+  let Y;
+  t[32] !== L || t[33] !== yt || t[34] !== Jt || t[35] !== l || t[36] !== O || t[37] !== wt || t[38] !== et || t[39] !== Ot || t[40] !== f || t[41] !== _ || t[42] !== w || t[43] !== T || t[44] !== qt || t[45] !== Lt || t[46] !== d || t[47] !== x || t[48] !== dt || t[49] !== At || t[50] !== V || t[51] !== bt || t[52] !== ot || t[53] !== Mt || t[54] !== m || t[55] !== p || t[56] !== Ct || t[57] !== j || t[58] !== it || t[59] !== pt || t[60] !== h || t[61] !== Tt ? (Y = it && j && f.length > 0 ? /* @__PURE__ */ r.jsx(io, { data: f, colors: O, width: it, height: j, dateFormat: _, noOfXTicks: dt, leftMargin: qt, rightMargin: m, topMargin: h, bottomMargin: Jt, tooltip: pt, onSeriesMouseOver: V, highlightAreaSettings: w, refValues: Mt, minValue: x, maxValue: d, rtl: T === "he" || T === "ar", annotations: yt, customHighlightAreaSettings: et, yAxisTitle: Tt, noOfYTicks: At, prefix: ot, suffix: Ct, curveType: wt, styles: p, classNames: l, precision: bt, customLayers: Ot, animate: L === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : O || {
+  } : L || {
     duration: 0,
     once: !0,
     amount: 0
-  } }) : null, t[32] = O, t[33] = dt, t[34] = qt, t[35] = s, t[36] = b, t[37] = At, t[38] = _, t[39] = wt, t[40] = p, t[41] = Q, t[42] = A, t[43] = k, t[44] = Ut, t[45] = x, t[46] = g, t[47] = gt, t[48] = yt, t[49] = F, t[50] = Ct, t[51] = tt, t[52] = Mt, t[53] = f, t[54] = m, t[55] = vt, t[56] = st, t[57] = ot, t[58] = mt, t[59] = d, t[60] = K, t[61] = H) : H = t[61];
-  let R;
-  t[62] !== M || t[63] !== H ? (R = /* @__PURE__ */ a.jsxs(eo, { ref: bt, children: [
-    M,
-    H
-  ] }), t[62] = M, t[63] = H, t[64] = R) : R = t[64];
+  }, locale: Lt }) : null, t[32] = L, t[33] = yt, t[34] = Jt, t[35] = l, t[36] = O, t[37] = wt, t[38] = et, t[39] = Ot, t[40] = f, t[41] = _, t[42] = w, t[43] = T, t[44] = qt, t[45] = Lt, t[46] = d, t[47] = x, t[48] = dt, t[49] = At, t[50] = V, t[51] = bt, t[52] = ot, t[53] = Mt, t[54] = m, t[55] = p, t[56] = Ct, t[57] = j, t[58] = it, t[59] = pt, t[60] = h, t[61] = Tt, t[62] = Y) : Y = t[62];
   let S;
-  t[65] !== s?.footnote || t[66] !== s?.source || t[67] !== y || t[68] !== jt || t[69] !== m?.footnote || t[70] !== m?.source || t[71] !== v ? (S = jt || y ? /* @__PURE__ */ a.jsx(Ke, { styles: {
-    footnote: m?.footnote,
-    source: m?.source
-  }, classNames: {
-    footnote: s?.footnote,
-    source: s?.source
-  }, sources: jt, footNote: y, width: v }) : null, t[65] = s?.footnote, t[66] = s?.source, t[67] = y, t[68] = jt, t[69] = m?.footnote, t[70] = m?.source, t[71] = v, t[72] = S) : S = t[72];
-  let E;
-  return t[73] !== kt || t[74] !== zt || t[75] !== q || t[76] !== Pt || t[77] !== k || t[78] !== Ht || t[79] !== z || t[80] !== Et || t[81] !== Ot || t[82] !== T || t[83] !== j || t[84] !== N || t[85] !== R || t[86] !== S || t[87] !== ht || t[88] !== v ? (E = /* @__PURE__ */ a.jsxs(oo, { className: Ot, style: T, id: q, ref: Rt, "aria-label": kt, backgroundColor: zt, theme: ht, language: k, minHeight: Ht, width: v, height: Pt, relativeHeight: Et, padding: z, children: [
-    j,
-    N,
+  t[63] !== R || t[64] !== Y ? (S = /* @__PURE__ */ r.jsxs(oo, { ref: jt, children: [
     R,
-    S
-  ] }), t[73] = kt, t[74] = zt, t[75] = q, t[76] = Pt, t[77] = k, t[78] = Ht, t[79] = z, t[80] = Et, t[81] = Ot, t[82] = T, t[83] = j, t[84] = N, t[85] = R, t[86] = S, t[87] = ht, t[88] = v, t[89] = E) : E = t[89], E;
+    Y
+  ] }), t[63] = R, t[64] = Y, t[65] = S) : S = t[65];
+  let D;
+  t[66] !== l?.footnote || t[67] !== l?.source || t[68] !== v || t[69] !== Dt || t[70] !== p?.footnote || t[71] !== p?.source || t[72] !== A ? (D = Dt || v ? /* @__PURE__ */ r.jsx(Qe, { styles: {
+    footnote: p?.footnote,
+    source: p?.source
+  }, classNames: {
+    footnote: l?.footnote,
+    source: l?.source
+  }, sources: Dt, footNote: v, width: A }) : null, t[66] = l?.footnote, t[67] = l?.source, t[68] = v, t[69] = Dt, t[70] = p?.footnote, t[71] = p?.source, t[72] = A, t[73] = D) : D = t[73];
+  let Rt;
+  return t[74] !== C || t[75] !== Ut || t[76] !== K || t[77] !== Xt || t[78] !== T || t[79] !== Ht || t[80] !== q || t[81] !== Wt || t[82] !== N || t[83] !== at || t[84] !== M || t[85] !== H || t[86] !== S || t[87] !== D || t[88] !== vt || t[89] !== A ? (Rt = /* @__PURE__ */ r.jsxs(so, { className: N, style: at, id: K, ref: I, "aria-label": C, backgroundColor: Ut, theme: vt, language: T, minHeight: Ht, width: A, height: Xt, relativeHeight: Wt, padding: q, children: [
+    M,
+    H,
+    S,
+    D
+  ] }), t[74] = C, t[75] = Ut, t[76] = K, t[77] = Xt, t[78] = T, t[79] = Ht, t[80] = q, t[81] = Wt, t[82] = N, t[83] = at, t[84] = M, t[85] = H, t[86] = S, t[87] = D, t[88] = vt, t[89] = A, t[90] = Rt) : Rt = t[90], Rt;
 }
-function uo(n) {
-  return n !== void 0;
+function go(i) {
+  return i !== void 0;
 }
-function go(n) {
-  return n !== void 0;
+function xo(i) {
+  return i !== void 0;
 }
-function xo(n) {
-  return n.data;
+function ho(i) {
+  return i.data;
 }
-function ho(n) {
-  return n !== void 0;
+function yo(i) {
+  return i !== void 0;
 }
-function yo(n) {
-  return n.data;
+function vo(i) {
+  return i.data;
 }
 export {
-  Qo as AreaChart
+  Zo as AreaChart
 };
 //# sourceMappingURL=AreaChart.js.map