@undp/data-viz 2.4.1 → 2.5.0

package/dist/DualAxisLineChart.js

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