@undp/data-viz 2.1.2 → 2.1.4

package/dist/DualAxisLineChart.js

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