@undp/data-viz 1.5.9 → 2.0.1

package/dist/DualAxisLineChart.js

@@ -1,725 +1,631 @@
-import { j as i, m as k } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as ot, useState as P, useEffect as gt } from "react";
-import { p as G, f as $t } from "./parse-DlCRUFh_.js";
-import { o as It } from "./index-DvVprvy6.js";
-import { n as lt } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Tt } from "./Tooltip-6LIdPQGC.js";
-import { c as f } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as Vt } from "./XTicksAndGridLines-DuydSnZ_.js";
-import { A as ft } from "./Axis-4gUOL8B7.js";
-import { A as At } from "./AxisTitle-v6_xcXZ-.js";
-import { H as Ot } from "./index-Bw_eHBVN.js";
-import { t as St } from "./time-BzJP5SPC.js";
-import { a as bt } from "./linear-DUdu7l2G.js";
-import { l as Nt, c as Ct } from "./line-CPfhohvF.js";
-import { c as Ft, s as Ht, a as Pt, m as Wt } from "./step-BrDul-H4.js";
-import { s as Xt } from "./select-DKy99ogv.js";
-import { a as Et } from "./init-BhZylTFx.js";
-import { p as Yt } from "./pointer-CWRWOsrb.js";
-import { u as Gt } from "./use-in-view-DR-UTB96.js";
-import { m as N } from "./proxy-BYIC9BuT.js";
-import { GraphFooter as Rt } from "./GraphFooter.js";
-import { GraphHeader as Bt } from "./GraphHeader.js";
-import { ColorLegend as zt } from "./ColorLegend.js";
-import { Colors as kt } from "./Colors.js";
-import { E as Ut } from "./EmptyState-36lXXyui.js";
-function qt(ct) {
-  const {
-    data: L,
-    width: A,
-    height: V,
-    lineColors: a,
-    labels: u,
-    sameAxes: l,
-    dateFormat: g,
-    showValues: R,
-    noOfXTicks: mt,
-    rightMargin: xt,
-    leftMargin: B,
-    topMargin: z,
-    bottomMargin: ht,
-    tooltip: v,
-    highlightAreaSettings: yt,
-    onSeriesMouseOver: W,
-    animate: s,
-    strokeWidth: U,
-    showDots: X,
-    noOfYTicks: q,
-    lineSuffixes: O,
-    linePrefixes: S,
-    minDate: J,
-    maxDate: D,
-    curveType: C,
-    styles: o,
-    classNames: n,
-    precision: b,
-    customLayers: E,
-    showAxisLabels: K
-  } = ct, Q = ot(null), y = Gt(Q, {
-    once: s.once,
-    amount: s.amount
-  }), [d, F] = P(!1);
-  gt(() => {
-    if (y && !d) {
-      const t = setTimeout(
-        () => {
-          F(!0);
-        },
-        (s.duration + 0.5) * 1e3
-      );
-      return () => clearTimeout(t);
+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 { o as Me } from "./index-BZQYSqar.js";
+import { n as ce } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Oe } from "./Tooltip-CwWUegPB.js";
+import { c as O } 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 { H as Te } from "./index-SKgJALZg.js";
+import { t as Ve } from "./time-DCCfQk3V.js";
+import { a as we } from "./linear-BwnDd9KF.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 { s as He } from "./select-DKy99ogv.js";
+import { c as We } from "./init-BJFW6EwE.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 { 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 { 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,
+    lineColors: s,
+    labels: v,
+    sameAxes: A,
+    dateFormat: x,
+    showValues: kt,
+    noOfXTicks: Jt,
+    rightMargin: Kt,
+    leftMargin: Ht,
+    topMargin: q,
+    bottomMargin: Lt,
+    tooltip: ct,
+    highlightAreaSettings: Nt,
+    onSeriesMouseOver: Dt,
+    animate: o,
+    strokeWidth: F,
+    showDots: mt,
+    noOfYTicks: ut,
+    lineSuffixes: P,
+    linePrefixes: J,
+    minDate: ft,
+    maxDate: Mt,
+    curveType: K,
+    styles: l,
+    classNames: c,
+    precision: Q,
+    customLayers: H,
+    showAxisLabels: W
+  } = e, Wt = me(null);
+  let xt;
+  t[0] !== o.amount || t[1] !== o.once ? (xt = {
+    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 = () => {
+    if (d && !y) {
+      const i = setTimeout(() => {
+        Xt(!0);
+      }, (o.duration + 0.5) * 1e3);
+      return () => clearTimeout(i);
     }
-  }, [y, d, s.duration]);
-  const Z = C === "linear" ? Ct : C === "step" ? Ft : C === "stepAfter" ? Ht : C === "stepBefore" ? Pt : Wt, [M, _] = P(void 0), [tt, it] = P(void 0), [et, at] = P(void 0), h = {
-    top: z,
-    bottom: ht,
-    left: B + 50,
-    right: xt + 65
-  }, w = ot(null), e = It(
-    L.map((t) => ({
-      ...t,
-      date: G(`${t.date}`, g, /* @__PURE__ */ new Date())
-    })),
-    ["date"],
-    ["asc"]
-  ), dt = yt.map((t) => ({
-    ...t,
-    coordinates: [
-      t.coordinates[0] === null ? null : G(`${t.coordinates[0]}`, g, /* @__PURE__ */ new Date()),
-      t.coordinates[1] === null ? null : G(`${t.coordinates[1]}`, g, /* @__PURE__ */ new Date())
-    ]
-  })), x = A - h.left - h.right, r = V - h.top - h.bottom, st = J ? G(`${J}`, g, /* @__PURE__ */ new Date()) : e[0].date, nt = D ? G(`${D}`, g, /* @__PURE__ */ new Date()) : e[e.length - 1].date, H = Math.min(...e.map((t) => t.y1).filter((t) => t != null)) !== 1 / 0 ? Math.min(...e.map((t) => t.y2).filter((t) => t != null)) > 0 ? 0 : Math.min(...e.map((t) => t.y1).filter((t) => t != null)) : 0, j = Math.min(...e.map((t) => t.y2).filter((t) => t != null)) !== 1 / 0 ? Math.min(...e.map((t) => t.y2).filter((t) => t != null)) > 0 ? 0 : Math.min(...e.map((t) => t.y2).filter((t) => t != null)) : 0, $ = Math.max(...e.map((t) => t.y1).filter((t) => t != null)) !== 1 / 0 ? Math.max(...e.map((t) => t.y1).filter((t) => t != null)) : 0, c = Math.max(...e.map((t) => t.y2).filter((t) => t != null)) !== 1 / 0 ? Math.max(...e.map((t) => t.y2).filter((t) => t != null)) : 0, Y = H < j ? H : j, rt = $ > c ? $ : c, m = St().domain([st, nt]).range([0, x]), I = bt().domain([
-    l ? Y : H,
-    l ? rt > 0 ? rt : 0 : $ > 0 ? $ : 0
-  ]).range([r, 0]).nice(), p = bt().domain([
-    l ? Y : j,
-    l ? rt > 0 ? rt : 0 : c > 0 ? c : 0
-  ]).range([r, 0]).nice(), vt = Nt().defined((t) => !f(t.y1)).x((t) => m(t.date)).y((t) => I(t.y1)).curve(Z), ut = Nt().defined((t) => !f(t.y2)).x((t) => m(t.date)).y((t) => p(t.y2)).curve(Z), Lt = I.ticks(q), Dt = p.ticks(q), wt = m.ticks(mt);
-  return gt(() => {
-    const t = (pt) => {
-      const jt = e[Et(
-        e.map((Mt) => Mt.date),
-        m.invert(Yt(pt)[0]),
-        0
-      )];
-      _(jt || e[e.length - 1]), W?.(jt || e[e.length - 1]), at(pt.clientY), it(pt.clientX);
-    }, T = () => {
-      _(void 0), it(void 0), at(void 0), W?.(void 0);
+  }, 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,
+    bottom: Lt,
+    left: _,
+    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) => ({
+    ...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;
+  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;
+  } 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);
     };
-    Xt(w.current).on("mousemove", t).on("mouseout", T);
-  }, [m, e, W]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(
-      N.svg,
-      {
-        width: `${A}px`,
-        height: `${V}px`,
-        viewBox: `0 0 ${A} ${V}`,
-        direction: "ltr",
-        ref: Q,
-        children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${h.left},${h.top})`, children: [
-          /* @__PURE__ */ i.jsx(
-            Ot,
-            {
-              areaSettings: dt,
-              width: x,
-              height: r,
-              scale: m,
-              animate: s,
-              isInView: y
+    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 = {
+    axis: {
+      stroke: s[0],
+      ...N
+    }
+  }, 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: {
+    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 = {
+    axis: {
+      stroke: s[1],
+      ...R
+    }
+  }, 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: {
+    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];
+  let te;
+  t[91] !== s[0] || t[92] !== F ? (te = {
+    stroke: s[0],
+    strokeWidth: F,
+    fill: "none"
+  }, t[91] = s[0], t[92] = F, 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] = ee) : ee = t[95];
+  let ie;
+  t[96] !== s[1] || t[97] !== F ? (ie = {
+    stroke: s[1],
+    strokeWidth: F,
+    fill: "none"
+  }, t[96] = s[1], t[97] = F, 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] = 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: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          cx: u(i.date),
+          cy: b(i.y1),
+          fill: s[0]
+        },
+        whileInView: {
+          opacity: 1,
+          fill: s[0],
+          transition: {
+            duration: y ? o.duration : 0.5,
+            delay: y ? 0 : o.duration
+          },
+          cx: u(i.date),
+          cy: b(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: {
+        textAnchor: "middle",
+        ...l?.graphObjectValues || {}
+      }, className: bt("graph-value graph-value-line-1 text-xs font-bold", c?.graphObjectValues), exit: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          x: u(i.date),
+          y: g(i.y1),
+          fill: s[0]
+        },
+        whileInView: {
+          opacity: 1,
+          x: u(i.date),
+          fill: s[0],
+          y: g(i.y1),
+          transition: {
+            duration: y ? o.duration : 0.5,
+            delay: y ? 0 : o.duration
+          }
+        }
+      }, initial: "initial", animate: d ? "whileInView" : "initial", children: ce(i.y1, "NA", Q, J[0], P[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: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          cx: u(i.date),
+          cy: g(i.y2),
+          fill: s[1]
+        },
+        whileInView: {
+          opacity: 1,
+          transition: {
+            duration: y ? o.duration : 0.5,
+            delay: y ? 0 : o.duration
+          },
+          fill: s[1],
+          cx: u(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: {
+        textAnchor: "middle",
+        ...l?.graphObjectValues || {}
+      }, className: bt("graph-value graph-value-line-2 text-xs font-bold", c?.graphObjectValues), exit: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          x: u(i.date),
+          y: g(i.y2),
+          fill: s[1]
+        },
+        whileInView: {
+          opacity: 1,
+          x: u(i.date),
+          y: g(i.y2),
+          fill: s[1],
+          transition: {
+            duration: y ? o.duration : 0.5,
+            delay: y ? 0 : o.duration
+          }
+        }
+      }, initial: "initial", animate: d ? "whileInView" : "initial", children: ce(i.y2, "NA", Q, J[1], P[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 = {
+    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,
+      /* @__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: {
+            stroke: s[0],
+            strokeWidth: 1,
+            ...l?.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: {
+            textAnchor: "end",
+            fill: s[0],
+            ...l?.yAxis?.labels || {}
+          }, children: ce(i, "NA", Q, J[0], P[0]) })
+        ] }, j)),
+        st,
+        V
+      ] }),
+      /* @__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: {
+            stroke: s[1],
+            strokeWidth: 1,
+            ...l?.yAxis?.gridLines || {}
+          }, className: c?.yAxis?.gridLines }),
+          /* @__PURE__ */ n.jsx("text", { x: m + 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
+      ] }),
+      /* @__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 })
+      ] }),
+      _t,
+      /* @__PURE__ */ n.jsxs("g", { children: [
+        /* @__PURE__ */ n.jsx(lt.path, { style: te, exit: ee, variants: {
+          initial: {
+            pathLength: 0,
+            d: It(a.filter(ii)) || "",
+            opacity: 1
+          },
+          whileInView: {
+            pathLength: 1,
+            d: It(a.filter(ei)) || "",
+            opacity: 1,
+            transition: {
+              duration: o.duration
             }
-          ),
-          /* @__PURE__ */ i.jsxs("g", { children: [
-            Lt.map((t, T) => /* @__PURE__ */ i.jsxs("g", { children: [
-              /* @__PURE__ */ i.jsx(
-                "line",
-                {
-                  y1: I(t),
-                  y2: I(t),
-                  x1: -15,
-                  x2: -20,
-                  style: {
-                    stroke: a[0],
-                    strokeWidth: 1,
-                    ...o?.yAxis?.gridLines || {}
-                  },
-                  className: n?.yAxis?.gridLines
-                }
-              ),
-              /* @__PURE__ */ i.jsx(
-                "text",
-                {
-                  x: -25,
-                  y: I(t),
-                  dy: "0.33em",
-                  className: k("text-xs", n?.yAxis?.labels),
-                  style: {
-                    textAnchor: "end",
-                    fill: a[0],
-                    ...o?.yAxis?.labels || {}
-                  },
-                  children: lt(t, "NA", b, S[0], O[0])
-                }
-              )
-            ] }, T)),
-            /* @__PURE__ */ i.jsx(
-              ft,
-              {
-                y1: 0,
-                y2: r,
-                x1: -15,
-                x2: -15,
-                classNames: { axis: n?.xAxis?.axis },
-                styles: { axis: { stroke: a[0], ...o?.xAxis?.axis || {} } }
-              }
-            ),
-            K ? /* @__PURE__ */ i.jsx(
-              At,
-              {
-                x: 10 - h.left,
-                y: r / 2,
-                style: { fill: a[0], ...o?.yAxis?.title || {} },
-                className: n?.yAxis?.title,
-                text: u[0].length > 100 ? `${u[0].substring(0, 100)}...` : u[0],
-                rotate90: !0
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ i.jsxs("g", { children: [
-            Dt.map((t, T) => /* @__PURE__ */ i.jsxs("g", { children: [
-              /* @__PURE__ */ i.jsx(
-                "line",
-                {
-                  y1: p(t),
-                  y2: p(t),
-                  x1: x + 15,
-                  x2: x + 20,
-                  style: {
-                    stroke: a[1],
-                    strokeWidth: 1,
-                    ...o?.yAxis?.gridLines || {}
-                  },
-                  className: n?.yAxis?.gridLines
-                }
-              ),
-              /* @__PURE__ */ i.jsx(
-                "text",
-                {
-                  x: x + 25,
-                  y: p(t),
-                  dy: "0.33em",
-                  dx: -2,
-                  style: {
-                    textAnchor: "start",
-                    fill: a[1],
-                    ...o?.yAxis?.labels || {}
-                  },
-                  className: k("text-xs", n?.yAxis?.labels),
-                  children: lt(t, "NA", b, S[1], O[1])
-                }
-              )
-            ] }, T)),
-            /* @__PURE__ */ i.jsx(
-              ft,
-              {
-                y1: 0,
-                y2: r,
-                x1: x + 15,
-                x2: x + 15,
-                classNames: { axis: n?.xAxis?.axis },
-                styles: { axis: { stroke: a[1], ...o?.xAxis?.axis || {} } }
-              }
-            ),
-            K ? /* @__PURE__ */ i.jsx(
-              At,
-              {
-                x: x + h.right - 15,
-                y: r / 2,
-                style: { fill: a[1], ...o?.yAxis?.title || {} },
-                className: n?.yAxis?.title,
-                text: u[1].length > 100 ? `${u[1].substring(0, 100)}...` : u[1],
-                rotate90: !0
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ i.jsxs("g", { children: [
-            /* @__PURE__ */ i.jsx(
-              ft,
-              {
-                y1: r,
-                y2: r,
-                x1: -15,
-                x2: x + 15,
-                classNames: { axis: n?.xAxis?.axis },
-                styles: { axis: o?.xAxis?.axis }
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              Vt,
-              {
-                values: wt.map((t) => $t(t, g)),
-                x: wt.map((t) => m(t)),
-                y1: 0,
-                y2: r,
-                styles: {
-                  gridLines: o?.xAxis?.gridLines,
-                  labels: o?.xAxis?.labels
-                },
-                classNames: {
-                  gridLines: k("opacity-0", n?.xAxis?.gridLines),
-                  labels: k(
-                    "fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",
-                    n?.xAxis?.labels
-                  )
-                },
-                labelType: "primary",
-                showGridLines: !0,
-                precision: b
-              }
-            )
-          ] }),
-          E.filter((t) => t.position === "before").map((t) => t.layer),
-          /* @__PURE__ */ i.jsxs("g", { children: [
-            /* @__PURE__ */ i.jsx(
-              N.path,
-              {
-                style: {
-                  stroke: a[0],
-                  strokeWidth: U,
-                  fill: "none"
-                },
-                exit: { opacity: 0, transition: { duration: s.duration } },
-                variants: {
-                  initial: {
-                    pathLength: 0,
-                    d: vt(
-                      e.filter(
-                        (t) => !f(t.y1)
-                      )
-                    ) || "",
-                    opacity: 1
-                  },
-                  whileInView: {
-                    pathLength: 1,
-                    d: vt(
-                      e.filter(
-                        (t) => !f(t.y1)
-                      )
-                    ) || "",
-                    opacity: 1,
-                    transition: { duration: s.duration }
-                  }
-                },
-                initial: "initial",
-                animate: y ? "whileInView" : "initial"
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              N.path,
-              {
-                d: ut(
-                  e.filter(
-                    (t) => !f(t.y2)
-                  )
-                ) || "",
-                style: {
-                  stroke: a[1],
-                  strokeWidth: U,
-                  fill: "none"
-                },
-                exit: { opacity: 0, transition: { duration: s.duration } },
-                variants: {
-                  initial: {
-                    pathLength: 0,
-                    d: ut(
-                      e.filter(
-                        (t) => !f(t.y2)
-                      )
-                    ) || "",
-                    opacity: 1
-                  },
-                  whileInView: {
-                    pathLength: 1,
-                    d: ut(
-                      e.filter(
-                        (t) => !f(t.y2)
-                      )
-                    ) || "",
-                    opacity: 1,
-                    transition: { duration: s.duration }
-                  }
-                },
-                initial: "initial",
-                animate: y ? "whileInView" : "initial"
-              }
-            ),
-            M ? /* @__PURE__ */ i.jsx(
-              "line",
-              {
-                y1: 0,
-                y2: r,
-                x1: m(M.date),
-                x2: m(M.date),
-                className: k(
-                  "undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",
-                  n?.mouseOverLine
-                ),
-                style: o?.mouseOverLine
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ i.jsx("g", { children: e.map((t, T) => /* @__PURE__ */ i.jsxs(N.g, { children: [
-            f(t.y1) ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-              X ? /* @__PURE__ */ i.jsx(
-                N.circle,
-                {
-                  r: x / e.length < 5 ? 0 : x / e.length < 20 ? 2 : 4,
-                  exit: { opacity: 0, transition: { duration: s.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      cx: m(t.date),
-                      cy: I(t.y1),
-                      fill: a[0]
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      fill: a[0],
-                      transition: {
-                        duration: d ? s.duration : 0.5,
-                        delay: d ? 0 : s.duration
-                      },
-                      cx: m(t.date),
-                      cy: I(t.y1)
-                    }
-                  },
-                  initial: "initial",
-                  animate: y ? "whileInView" : "initial"
-                }
-              ) : null,
-              R ? /* @__PURE__ */ i.jsx(
-                N.text,
-                {
-                  dy: f(t.y2) || t.y2 < t.y1 ? -8 : "1em",
-                  style: {
-                    textAnchor: "middle",
-                    ...o?.graphObjectValues || {}
-                  },
-                  className: k(
-                    "graph-value graph-value-line-1 text-xs font-bold",
-                    n?.graphObjectValues
-                  ),
-                  exit: { opacity: 0, transition: { duration: s.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      x: m(t.date),
-                      y: p(t.y1),
-                      fill: a[0]
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      x: m(t.date),
-                      fill: a[0],
-                      y: p(t.y1),
-                      transition: {
-                        duration: d ? s.duration : 0.5,
-                        delay: d ? 0 : s.duration
-                      }
-                    }
-                  },
-                  initial: "initial",
-                  animate: y ? "whileInView" : "initial",
-                  children: lt(
-                    t.y1,
-                    "NA",
-                    b,
-                    S[0],
-                    O[0]
-                  )
-                }
-              ) : null
-            ] }),
-            f(t.y2) ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-              X ? /* @__PURE__ */ i.jsx(
-                N.circle,
-                {
-                  r: x / e.length < 5 ? 0 : x / e.length < 20 ? 2 : 4,
-                  exit: { opacity: 0, transition: { duration: s.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      cx: m(t.date),
-                      cy: p(t.y2),
-                      fill: a[1]
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      transition: {
-                        duration: d ? s.duration : 0.5,
-                        delay: d ? 0 : s.duration
-                      },
-                      fill: a[1],
-                      cx: m(t.date),
-                      cy: p(t.y2)
-                    }
-                  },
-                  initial: "initial",
-                  animate: y ? "whileInView" : "initial"
-                }
-              ) : null,
-              R ? /* @__PURE__ */ i.jsx(
-                N.text,
-                {
-                  dy: f(t.y1) || t.y1 < t.y2 ? -8 : "1em",
-                  style: {
-                    textAnchor: "middle",
-                    ...o?.graphObjectValues || {}
-                  },
-                  className: k(
-                    "graph-value graph-value-line-2 text-xs font-bold",
-                    n?.graphObjectValues
-                  ),
-                  exit: { opacity: 0, transition: { duration: s.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      x: m(t.date),
-                      y: p(t.y2),
-                      fill: a[1]
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      x: m(t.date),
-                      y: p(t.y2),
-                      fill: a[1],
-                      transition: {
-                        duration: d ? s.duration : 0.5,
-                        delay: d ? 0 : s.duration
-                      }
-                    }
-                  },
-                  initial: "initial",
-                  animate: y ? "whileInView" : "initial",
-                  children: lt(
-                    t.y2,
-                    "NA",
-                    b,
-                    S[1],
-                    O[1]
-                  )
-                }
-              ) : null
-            ] })
-          ] }, T)) }),
-          E.filter((t) => t.position === "after").map((t) => t.layer),
-          /* @__PURE__ */ i.jsx(
-            "rect",
-            {
-              ref: w,
-              style: {
-                fill: "none",
-                pointerEvents: "all"
-              },
-              width: x,
-              height: r
+          }
+        }, initial: "initial", animate: d ? "whileInView" : "initial" }),
+        /* @__PURE__ */ n.jsx(lt.path, { d: gt(a.filter(ti)) || "", style: ie, exit: ne, variants: {
+          initial: {
+            pathLength: 0,
+            d: gt(a.filter(_e)) || "",
+            opacity: 1
+          },
+          whileInView: {
+            pathLength: 1,
+            d: gt(a.filter(Ze)) || "",
+            opacity: 1,
+            transition: {
+              duration: o.duration
             }
-          )
-        ] })
-      }
-    ),
-    M && v && tt && et ? /* @__PURE__ */ i.jsx(
-      Tt,
-      {
-        data: M,
-        body: v,
-        xPos: tt,
-        yPos: et,
-        backgroundStyle: o?.tooltip,
-        className: n?.tooltip
-      }
-    ) : null
+          }
+        }, 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
+      ] }),
+      oe,
+      se,
+      re
+    ] }) }),
+    le
   ] });
 }
-function wi(ct) {
-  const {
-    data: L,
-    graphTitle: A,
-    sources: V,
-    graphDescription: a,
-    height: u,
-    width: l,
-    footNote: g,
-    noOfXTicks: R = 10,
-    dateFormat: mt = "yyyy",
-    showValues: xt = !1,
-    padding: B,
-    lineColors: z = [
-      kt.light.categoricalColors.colors[0],
-      kt.light.categoricalColors.colors[1]
-    ],
-    sameAxes: ht = !1,
-    backgroundColor: v = !1,
-    leftMargin: yt = 80,
-    rightMargin: W = 80,
-    topMargin: s = 20,
-    bottomMargin: U = 25,
-    labels: X,
-    lineSuffixes: q = ["", ""],
-    linePrefixes: O = ["", ""],
-    tooltip: S,
-    highlightAreaSettings: J = [],
-    relativeHeight: D,
-    onSeriesMouseOver: C,
-    graphID: o,
-    graphDownload: n = !1,
-    dataDownload: b = !1,
-    animate: E = !1,
-    strokeWidth: K = 2,
-    showDots: Q = !0,
-    language: y = "en",
-    showColorScale: d = !0,
-    minHeight: F = 0,
-    colorLegendTitle: Z,
-    theme: M = "light",
-    ariaLabel: _,
-    noOfYTicks: tt = 5,
-    maxDate: it,
-    minDate: et,
-    curveType: at = "curve",
-    styles: h,
-    classNames: w,
-    precision: e = 2,
-    customLayers: dt = [],
-    showAxisLabels: x = !0
-  } = ct, [r, st] = P(0), [nt, H] = P(0), j = ot(null), $ = ot(null);
-  return gt(() => {
-    const c = new ResizeObserver((Y) => {
-      st(l || Y[0].target.clientWidth || 620), H(u || Y[0].target.clientHeight || 480);
+function Ke(e) {
+  return e.layer;
+}
+function Qe(e) {
+  return e.position === "after";
+}
+function Ze(e) {
+  return !O(e.y2);
+}
+function _e(e) {
+  return !O(e.y2);
+}
+function ti(e) {
+  return !O(e.y2);
+}
+function ei(e) {
+  return !O(e.y1);
+}
+function ii(e) {
+  return !O(e.y1);
+}
+function ni(e) {
+  return e.layer;
+}
+function oi(e) {
+  return e.position === "before";
+}
+function si(e) {
+  return e.date;
+}
+function ai(e) {
+  return !O(e.y2);
+}
+function ri(e) {
+  return !O(e.y1);
+}
+function li(e) {
+  return e != null;
+}
+function ci(e) {
+  return e.y2;
+}
+function mi(e) {
+  return e != null;
+}
+function ui(e) {
+  return e.y2;
+}
+function fi(e) {
+  return e != null;
+}
+function xi(e) {
+  return e.y1;
+}
+function pi(e) {
+  return e != null;
+}
+function di(e) {
+  return e.y1;
+}
+function hi(e) {
+  return e != null;
+}
+function yi(e) {
+  return e.y2;
+}
+function gi(e) {
+  return e != null;
+}
+function vi(e) {
+  return e.y2;
+}
+function Ai(e) {
+  return e != null;
+}
+function wi(e) {
+  return e.y2;
+}
+function ji(e) {
+  return e != null;
+}
+function bi(e) {
+  return e.y1;
+}
+function ki(e) {
+  return e != null;
+}
+function Li(e) {
+  return e.y2;
+}
+function Ni(e) {
+  return e != null;
+}
+function Di(e) {
+  return e.y1;
+}
+function rn(e) {
+  const t = ke.c(80), {
+    data: k,
+    graphTitle: z,
+    sources: U,
+    graphDescription: s,
+    height: v,
+    width: A,
+    footNote: x,
+    noOfXTicks: kt,
+    dateFormat: Jt,
+    showValues: Kt,
+    padding: Ht,
+    lineColors: q,
+    sameAxes: Lt,
+    backgroundColor: ct,
+    leftMargin: Nt,
+    rightMargin: Dt,
+    topMargin: o,
+    bottomMargin: F,
+    labels: mt,
+    lineSuffixes: ut,
+    linePrefixes: P,
+    tooltip: J,
+    highlightAreaSettings: ft,
+    relativeHeight: Mt,
+    onSeriesMouseOver: K,
+    graphID: l,
+    graphDownload: c,
+    dataDownload: Q,
+    animate: H,
+    strokeWidth: W,
+    showDots: Wt,
+    language: xt,
+    showColorScale: d,
+    minHeight: y,
+    colorLegendTitle: Xt,
+    theme: pt,
+    ariaLabel: Z,
+    noOfYTicks: Et,
+    maxDate: L,
+    minDate: Ot,
+    curveType: dt,
+    styles: p,
+    classNames: f,
+    precision: Gt,
+    customLayers: _,
+    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;
+  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);
     });
-    return j.current && (H(j.current.clientHeight || 480), st(j.current.clientWidth || 620), l || c.observe(j.current)), () => c.disconnect();
-  }, [l, u]), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: `${M || "light"} flex  ${l ? "w-fit grow-0" : "w-full grow"}`,
-      dir: y === "he" || y === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ i.jsx(
-        "div",
-        {
-          className: k(
-            `${v ? v === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${y || "en"}`,
-            l ? "w-fit" : "w-full",
-            w?.graphContainer
-          ),
-          style: {
-            ...h?.graphContainer || {},
-            ...v && v !== !0 ? { backgroundColor: v } : {}
-          },
-          id: o,
-          ref: $,
-          "aria-label": _ || `${A ? `The graph shows ${A}. ` : ""}This is a line chart that show trends for two datasets over time.${a ? ` ${a}` : ""}`,
-          children: /* @__PURE__ */ i.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: v ? B || "1rem" : B || 0 },
-              children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                A || a || n || b ? /* @__PURE__ */ i.jsx(
-                  Bt,
-                  {
-                    styles: {
-                      title: h?.title,
-                      description: h?.description
-                    },
-                    classNames: {
-                      title: w?.title,
-                      description: w?.description
-                    },
-                    graphTitle: A,
-                    graphDescription: a,
-                    width: l,
-                    graphDownload: n ? $.current : void 0,
-                    dataDownload: b ? L.map((c) => c.data).filter((c) => c !== void 0).length > 0 ? L.map((c) => c.data).filter((c) => c !== void 0) : L.filter((c) => c !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: L.length === 0 ? /* @__PURE__ */ i.jsx(Ut, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                  d ? /* @__PURE__ */ i.jsx(
-                    zt,
-                    {
-                      colorDomain: X,
-                      colorLegendTitle: Z,
-                      colors: z,
-                      showNAColor: !1
-                    }
-                  ) : null,
-                  /* @__PURE__ */ i.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center leading-0",
-                      ref: j,
-                      "aria-label": "Graph area",
-                      children: (l || r) && (u || nt) ? /* @__PURE__ */ i.jsx(
-                        qt,
-                        {
-                          data: L,
-                          sameAxes: ht,
-                          lineColors: z,
-                          width: l || r,
-                          height: Math.max(
-                            F,
-                            u || (D ? F ? (l || r) * D > F ? (l || r) * D : F : (l || r) * D : nt)
-                          ),
-                          dateFormat: mt,
-                          showValues: xt,
-                          noOfXTicks: R,
-                          leftMargin: yt,
-                          rightMargin: W,
-                          topMargin: s,
-                          bottomMargin: U,
-                          labels: X,
-                          highlightAreaSettings: J,
-                          tooltip: S,
-                          onSeriesMouseOver: C,
-                          animate: E === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : E || { duration: 0, once: !0, amount: 0 },
-                          strokeWidth: K,
-                          showDots: Q,
-                          noOfYTicks: tt,
-                          lineSuffixes: q,
-                          linePrefixes: O,
-                          minDate: et,
-                          maxDate: it,
-                          curveType: at,
-                          styles: h,
-                          classNames: w,
-                          precision: e,
-                          customLayers: dt,
-                          showAxisLabels: x
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                V || g ? /* @__PURE__ */ i.jsx(
-                  Rt,
-                  {
-                    styles: { footnote: h?.footnote, source: h?.source },
-                    classNames: {
-                      footnote: w?.footnote,
-                      source: w?.source
-                    },
-                    sources: V,
-                    footNote: g,
-                    width: l
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    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: {
+    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: {
+    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;
+}
+function Mi(e) {
+  return e !== void 0;
+}
+function Oi(e) {
+  return e !== void 0;
+}
+function Si(e) {
+  return e.data;
+}
+function Ti(e) {
+  return e !== void 0;
+}
+function Vi(e) {
+  return e.data;
 }
 export {
-  wi as DualAxisLineChart
+  rn as DualAxisLineChart
 };
 //# sourceMappingURL=DualAxisLineChart.js.map