@undp/data-viz 1.5.9 → 2.0.0

package/dist/DualAxisLineChart.js

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