@undp/data-viz 1.5.8 → 2.0.0

package/dist/MultiLineChart.js

@@ -1,736 +1,628 @@
-import { j as e, m as q } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useRef as ht, useState as Y, useEffect as Dt } from "react";
-import { p as u, f as kt } from "./parse-DlCRUFh_.js";
-import { o as Mt } from "./index-DvVprvy6.js";
-import { n as Nt } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as St } from "./Tooltip-CVCGWyzw.js";
-import { c as x } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as Vt, g as It, A as Ht } from "./customArea-B-dWU0zZ.js";
-import { A as Rt } from "./AxisTitle-BmHLMRJZ.js";
-import { A as Ft } from "./Axis-Ddg-seDi.js";
-import { X as Wt } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { R as Pt } from "./ReferenceLine-CfAW3vKJ.js";
-import { Y as Yt } from "./YTicksAndGridLines-B6ah7CRf.js";
-import { H as Xt } from "./index-DKCxu1Gh.js";
-import { t as Et } from "./time-BzJP5SPC.js";
-import { a as Gt } from "./linear-DUdu7l2G.js";
-import { l as Bt, c as zt } from "./line-CPfhohvF.js";
-import { c as Ut, s as _t, a as qt, m as Jt } from "./step-BrDul-H4.js";
-import { s as Kt } from "./select-DKy99ogv.js";
-import { a as Qt } from "./init-BhZylTFx.js";
-import { p as Zt } from "./pointer-CWRWOsrb.js";
-import { u as te } from "./use-in-view-yS6jzJAp.js";
-import { m as S } from "./proxy-CkpFesk1.js";
-import { GraphFooter as ee } from "./GraphFooter.js";
-import { GraphHeader as ie } from "./GraphHeader.js";
-import { ColorLegend as ae } from "./ColorLegend.js";
-import { Colors as oe } from "./Colors.js";
-import { E as ne } from "./EmptyState-DdTp-Mdn.js";
-import { g as se } from "./generateRandomString-za3IQGfQ.js";
-function re(dt) {
-  const {
-    data: $,
-    width: L,
-    height: V,
-    lineColors: C,
-    dateFormat: l,
-    noOfXTicks: xt,
-    labels: j,
-    rightMargin: I,
-    topMargin: m,
-    bottomMargin: J,
-    suffix: H,
-    prefix: R,
-    leftMargin: b,
-    tooltip: X,
-    onSeriesMouseOver: E,
-    showValues: T,
-    showColorLegendAtTop: gt,
-    refValues: K,
-    highlightAreaSettings: ft,
-    minValue: F,
-    maxValue: Q,
-    highlightedLines: O,
-    animate: o,
-    rtl: G,
-    strokeWidth: ut,
-    showDots: pt,
-    annotations: yt,
-    customHighlightAreaSettings: wt,
-    yAxisTitle: Z,
-    noOfYTicks: vt,
-    minDate: B,
-    maxDate: z,
-    curveType: N,
-    styles: c,
-    classNames: p,
-    dimmedOpacity: k,
-    precision: W,
-    customLayers: tt,
-    dashedLines: U,
-    dashSettings: et,
-    labelsToBeHidden: jt,
-    revealClipId: it
-  } = dt, at = ht(null), h = te(at, {
-    once: o.once,
-    amount: o.amount
-  }), [A, Ct] = Y(!1);
-  Dt(() => {
-    if (h && !A) {
-      const t = setTimeout(
-        () => {
-          Ct(!0);
-        },
-        (o.duration + 0.5) * 1e3
-      );
-      return () => clearTimeout(t);
+import { c as Ge, j as s, m as Ve } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as Ne, useState as re, useEffect as Ye } from "react";
+import { p as O, f as Ue } from "./parse-DlCRUFh_.js";
+import { o as qe } from "./index-BZQYSqar.js";
+import { n as Pe } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Je } from "./Tooltip-CwWUegPB.js";
+import { c as A } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { C as Ke, g as Qe, A as Ze } from "./customArea-BUhPiPT6.js";
+import { A as _e } from "./AxisTitle-jeI7am8o.js";
+import { A as ti } from "./Axis-CRyfcLjc.js";
+import { X as ei } from "./XTicksAndGridLines-CObVFSm4.js";
+import { a as ii } from "./ReferenceLine-2XCwHXQ4.js";
+import { Y as oi } from "./YTicksAndGridLines-Blepl7XF.js";
+import { H as ni } from "./index-SKgJALZg.js";
+import { t as si } from "./time-DCCfQk3V.js";
+import { a as ai } from "./linear-BwnDd9KF.js";
+import { l as ri, c as li } from "./line-CPfhohvF.js";
+import { c as ci, s as mi, a as fi, m as di } from "./step-BrDul-H4.js";
+import { s as ui } from "./select-DKy99ogv.js";
+import { c as hi } from "./init-BJFW6EwE.js";
+import { p as pi } from "./pointer-CWRWOsrb.js";
+import { u as gi } from "./use-in-view-Cxa7y1TH.js";
+import { m as Et } from "./proxy-BxkFHwUw.js";
+import { GraphFooter as xi } from "./GraphFooter.js";
+import { GraphHeader as yi } from "./GraphHeader.js";
+import { ColorLegend as vi } from "./ColorLegend.js";
+import { Colors as wi } from "./Colors.js";
+import { E as Ci } from "./EmptyState-BZo1BbAn.js";
+import { g as Ai } from "./generateRandomString-za3IQGfQ.js";
+import { a as bi, G as Oi } from "./GraphContainer-CRqzdKu2.js";
+function ji(i) {
+  const t = Ge.c(153), {
+    data: L,
+    width: Z,
+    height: Bt,
+    lineColors: D,
+    dateFormat: a,
+    noOfXTicks: ge,
+    labels: S,
+    rightMargin: Lt,
+    topMargin: b,
+    bottomMargin: _,
+    suffix: Y,
+    prefix: P,
+    leftMargin: w,
+    tooltip: tt,
+    onSeriesMouseOver: zt,
+    showValues: xe,
+    showColorLegendAtTop: ye,
+    refValues: Dt,
+    highlightAreaSettings: Ut,
+    minValue: G,
+    maxValue: et,
+    highlightedLines: it,
+    animate: n,
+    rtl: X,
+    strokeWidth: qt,
+    showDots: Jt,
+    annotations: St,
+    customHighlightAreaSettings: Tt,
+    yAxisTitle: ot,
+    noOfYTicks: Kt,
+    minDate: le,
+    maxDate: ce,
+    curveType: kt,
+    styles: y,
+    classNames: x,
+    dimmedOpacity: me,
+    precision: E,
+    customLayers: B,
+    dashedLines: nt,
+    dashSettings: Mt,
+    labelsToBeHidden: ve,
+    revealClipId: st
+  } = i, Qt = Ne(null);
+  let $t;
+  t[0] !== n.amount || t[1] !== n.once ? ($t = {
+    once: n.once,
+    amount: n.amount
+  }, t[0] = n.amount, t[1] = n.once, t[2] = $t) : $t = t[2];
+  const m = gi(Qt, $t), [C, we] = re(!1);
+  let h, d;
+  t[3] !== n.duration || t[4] !== C || t[5] !== m ? (h = () => {
+    if (m && !C) {
+      const o = setTimeout(() => {
+        we(!0);
+      }, (n.duration + 0.5) * 1e3);
+      return () => clearTimeout(o);
     }
-  }, [h, A, o.duration]);
-  const bt = N === "linear" ? zt : N === "step" ? Ut : N === "stepAfter" ? _t : N === "stepBefore" ? qt : Jt, [y, D] = Y(void 0), [ot, nt] = Y(void 0), [st, rt] = Y(void 0), w = {
-    top: m,
-    bottom: J,
-    left: Z ? b + 30 : b,
-    right: I
-  }, _ = ht(null), n = Mt(
-    $.map((t) => ({
-      ...t,
-      date: u(`${t.date}`, l, /* @__PURE__ */ new Date())
-    })),
-    ["date"],
-    ["asc"]
-  ), M = n[0].y.map((t, i) => n.map((a) => ({
-    ...a,
-    y: a.y[i]
-  })).filter((a) => !x(a.y))), lt = ft.map((t) => ({
-    ...t,
-    coordinates: [
-      t.coordinates[0] === null ? null : u(`${t.coordinates[0]}`, l, /* @__PURE__ */ new Date()),
-      t.coordinates[1] === null ? null : u(`${t.coordinates[1]}`, l, /* @__PURE__ */ new Date())
-    ]
-  })), ct = wt.map((t) => ({
-    ...t,
-    coordinates: t.coordinates.map(
-      (i, a) => a % 2 === 0 ? u(`${i}`, l, /* @__PURE__ */ new Date()) : i
-    )
-  })), g = L - w.left - w.right, f = V - w.top - w.bottom, mt = B ? u(`${B}`, l, /* @__PURE__ */ new Date()) : n[0].date, d = z ? u(`${z}`, l, /* @__PURE__ */ new Date()) : n[n.length - 1].date, v = x(F) ? Math.min(
-    ...n.map(
-      (t) => Math.min(...t.y.filter((i) => !x(i)))
-    )
-  ) ? Math.min(
-    ...n.map(
-      (t) => Math.min(...t.y.filter((i) => !x(i)))
-    )
-  ) > 0 ? 0 : Math.min(
-    ...n.map(
-      (t) => Math.min(...t.y.filter((i) => !x(i)))
-    )
-  ) : 0 : F, At = Math.max(
-    ...n.map(
-      (t) => Math.max(...t.y.filter((i) => !x(i)))
-    )
-  ) ? Math.max(
-    ...n.map(
-      (t) => Math.max(...t.y.filter((i) => !x(i)))
-    )
-  ) : 0, s = Et().domain([mt, d]).range([0, g]), r = Gt().domain([
-    x(F) ? v : F,
-    x(Q) ? At > 0 ? At : 0 : Q
-  ]).range([f, 0]).nice(), Lt = Bt().x((t) => s(t.date)).y((t) => r(t.y)).curve(bt), Tt = r.ticks(vt), $t = s.ticks(xt);
-  return Dt(() => {
-    const t = (a) => {
-      const P = n[Qt(
-        n.map((Ot) => Ot.date),
-        s.invert(Zt(a)[0]),
-        0
-      )];
-      D(P || n[n.length - 1]), rt(a.clientY), nt(a.clientX), E?.(P || n[n.length - 1]);
-    }, i = () => {
-      D(void 0), nt(void 0), rt(void 0);
+  }, d = [m, C, n.duration], t[3] = n.duration, t[4] = C, t[5] = m, t[6] = h, t[7] = d) : (h = t[6], d = t[7]), Ye(h, d);
+  const Ce = kt === "linear" ? li : kt === "step" ? ci : kt === "stepAfter" ? mi : kt === "stepBefore" ? fi : di, [j, Vt] = re(void 0), [z, Nt] = re(void 0), [U, fe] = re(void 0), at = ot ? w + 30 : w;
+  let rt;
+  t[8] !== _ || t[9] !== Lt || t[10] !== at || t[11] !== b ? (rt = {
+    top: b,
+    bottom: _,
+    left: at,
+    right: Lt
+  }, t[8] = _, t[9] = Lt, t[10] = at, t[11] = b, t[12] = rt) : rt = t[12];
+  const p = rt, lt = Ne(null);
+  let ct;
+  t[13] !== a ? (ct = (o) => ({
+    ...o,
+    date: O(`${o.date}`, a, /* @__PURE__ */ new Date())
+  }), t[13] = a, t[14] = ct) : ct = t[14];
+  const f = qe(L.map(ct), ["date"], ["asc"]), de = f[0].y.map((o, e) => f.map((u) => ({
+    ...u,
+    y: u.y[e]
+  })).filter(Bi));
+  let mt;
+  if (t[15] !== a || t[16] !== Ut) {
+    let o;
+    t[18] !== a ? (o = (e) => ({
+      ...e,
+      coordinates: [e.coordinates[0] === null ? null : O(`${e.coordinates[0]}`, a, /* @__PURE__ */ new Date()), e.coordinates[1] === null ? null : O(`${e.coordinates[1]}`, a, /* @__PURE__ */ new Date())]
+    }), t[18] = a, t[19] = o) : o = t[19], mt = Ut.map(o), t[15] = a, t[16] = Ut, t[17] = mt;
+  } else
+    mt = t[17];
+  const Ht = mt;
+  let ft;
+  if (t[20] !== Tt || t[21] !== a) {
+    let o;
+    t[23] !== a ? (o = (e) => ({
+      ...e,
+      coordinates: e.coordinates.map((u, Q) => Q % 2 === 0 ? O(`${u}`, a, /* @__PURE__ */ new Date()) : u)
+    }), t[23] = a, t[24] = o) : o = t[24], ft = Tt.map(o), t[20] = Tt, t[21] = a, t[22] = ft;
+  } else
+    ft = t[22];
+  const ue = ft, c = Z - p.left - p.right, g = Bt - p.top - p.bottom, he = le ? O(`${le}`, a, /* @__PURE__ */ new Date()) : f[0].date, Zt = ce ? O(`${ce}`, a, /* @__PURE__ */ new Date()) : f[f.length - 1].date, v = A(G) ? Math.min(...f.map(Xi)) ? Math.min(...f.map(Pi)) > 0 ? 0 : Math.min(...f.map(Wi)) : 0 : G, V = Math.max(...f.map(Ri)) ? Math.max(...f.map(Hi)) : 0, r = si().domain([he, Zt]).range([0, c]);
+  let q;
+  t[25] !== v || t[26] !== G ? (q = A(G) ? v : G, t[25] = v, t[26] = G, t[27] = q) : q = t[27];
+  let J;
+  t[28] !== V || t[29] !== et ? (J = A(et) ? V > 0 ? V : 0 : et, t[28] = V, t[29] = et, t[30] = J) : J = t[30];
+  const l = ai().domain([q, J]).range([g, 0]).nice(), N = ri().x((o) => r(o.date)).y((o) => l(o.y)).curve(Ce), _t = l.ticks(Kt), te = r.ticks(ge);
+  Ye(() => {
+    const o = (u) => {
+      const Q = f[hi(f.map(Ni), r.invert(pi(u)[0]), 0)];
+      Vt(Q || f[f.length - 1]), fe(u.clientY), Nt(u.clientX), zt?.(Q || f[f.length - 1]);
+    }, e = () => {
+      Vt(void 0), Nt(void 0), fe(void 0);
     };
-    Kt(_.current).on("mousemove", t).on("mouseout", i), E?.(void 0);
-  }, [s, n, E]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      S.svg,
-      {
-        width: `${L}px`,
-        height: `${V}px`,
-        viewBox: `0 0 ${L} ${V}`,
-        direction: "ltr",
-        ref: at,
-        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${w.left},${w.top})`, children: [
-          /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsx("clipPath", { id: it, children: /* @__PURE__ */ e.jsx(
-            S.rect,
-            {
-              x: 0,
-              y: 0,
-              height: f,
-              variants: {
-                initial: { width: 0 },
-                whileInView: {
-                  width: g,
-                  transition: { duration: o.duration }
-                }
-              },
-              initial: "initial",
-              animate: h ? "whileInView" : "initial"
-            }
-          ) }) }),
-          /* @__PURE__ */ e.jsx(
-            Xt,
-            {
-              areaSettings: lt,
-              width: g,
-              height: f,
-              scale: s,
-              animate: o,
-              isInView: h
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            Vt,
-            {
-              areaSettings: ct,
-              scaleX: s,
-              scaleY: r,
-              animate: o,
-              isInView: h
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("g", { children: [
-            /* @__PURE__ */ e.jsx(
-              Yt,
-              {
-                values: Tt.filter((t) => t !== 0),
-                y: Tt.filter((t) => t !== 0).map((t) => r(t)),
-                x1: 0 - b,
-                x2: g + w.right,
-                styles: {
-                  gridLines: c?.yAxis?.gridLines,
-                  labels: c?.yAxis?.labels
-                },
-                classNames: {
-                  gridLines: p?.yAxis?.gridLines,
-                  labels: p?.yAxis?.labels
-                },
-                suffix: H,
-                prefix: R,
-                labelType: "secondary",
-                showGridLines: !0,
-                labelPos: "vertical",
-                precision: W
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              Ft,
-              {
-                y1: r(v < 0 ? 0 : v),
-                y2: r(v < 0 ? 0 : v),
-                x1: 0 - b,
-                x2: g + w.right,
-                label: Nt(
-                  v < 0 ? 0 : v,
-                  "NA",
-                  W,
-                  R,
-                  H
-                ),
-                labelPos: {
-                  x: 0 - b,
-                  y: r(v < 0 ? 0 : v),
-                  dx: 0,
-                  dy: At < 0 ? "1em" : -5
-                },
-                classNames: {
-                  axis: p?.xAxis?.axis,
-                  label: p?.yAxis?.labels
-                },
-                styles: {
-                  axis: c?.xAxis?.axis,
-                  label: c?.yAxis?.labels
-                }
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              Rt,
-              {
-                x: 0 - b - 15,
-                y: f / 2,
-                style: c?.yAxis?.title,
-                className: p?.yAxis?.title,
-                text: Z,
-                rotate90: !0
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
-            Wt,
-            {
-              values: $t.map((t) => kt(t, l)),
-              x: $t.map((t) => s(t)),
-              y1: 0,
-              y2: f,
-              styles: {
-                gridLines: c?.xAxis?.gridLines,
-                labels: c?.xAxis?.labels
-              },
-              classNames: {
-                gridLines: q("opacity-0", p?.xAxis?.gridLines),
-                labels: q(
-                  "fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",
-                  p?.xAxis?.labels
-                )
-              },
-              suffix: H,
-              prefix: R,
-              labelType: "primary",
-              showGridLines: !0,
-              precision: W
-            }
-          ) }),
-          tt.filter((t) => t.position === "before").map((t) => t.layer),
-          /* @__PURE__ */ e.jsxs("g", { children: [
-            M.map((t, i) => /* @__PURE__ */ e.jsxs(
-              S.g,
-              {
-                exit: { opacity: 0, transition: { duration: o.duration } },
-                variants: {
-                  initial: {
-                    opacity: O.length !== 0 ? O.indexOf(j[i]) !== -1 ? 1 : k : 1
-                  },
-                  whileInView: {
-                    opacity: O.length !== 0 ? O.indexOf(j[i]) !== -1 ? 1 : k : 1,
-                    transition: { duration: o.duration }
-                  }
-                },
-                initial: "initial",
-                animate: h ? "whileInView" : "initial",
-                children: [
-                  /* @__PURE__ */ e.jsx(
-                    S.path,
-                    {
-                      style: {
-                        fill: "none",
-                        strokeWidth: ut
-                      },
-                      clipPath: `url(#${it})`,
-                      exit: { opacity: 0, transition: { duration: o.duration } },
-                      variants: {
-                        initial: {
-                          ...U.length === 0 ? { pathLength: 0 } : {},
-                          d: Lt(
-                            t.filter((a) => !x(a.y))
-                          ) || "",
-                          opacity: 1,
-                          stroke: C[i]
-                        },
-                        whileInView: {
-                          ...U.length === 0 ? { pathLength: 1 } : {},
-                          d: Lt(
-                            t.filter((a) => !x(a.y))
-                          ) || "",
-                          opacity: 1,
-                          stroke: C[i],
-                          transition: { duration: o.duration }
-                        }
-                      },
-                      strokeDasharray: U.includes(j[i]) ? et[i % et.length] : void 0,
-                      initial: "initial",
-                      animate: h ? "whileInView" : "initial"
-                    }
-                  ),
-                  t.map((a, P) => /* @__PURE__ */ e.jsx("g", { children: x(a.y) ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                    pt ? /* @__PURE__ */ e.jsx(
-                      S.circle,
-                      {
-                        r: g / n.length < 5 ? 0 : g / n.length < 20 ? 2 : 4,
-                        exit: { opacity: 0, transition: { duration: o.duration } },
-                        variants: {
-                          initial: {
-                            opacity: 0,
-                            fill: C[i],
-                            cx: s(a.date),
-                            cy: r(a.y)
-                          },
-                          whileInView: {
-                            opacity: 1,
-                            fill: C[i],
-                            transition: {
-                              duration: A ? o.duration : 0.5,
-                              delay: A ? 0 : o.duration
-                            },
-                            cx: s(a.date),
-                            cy: r(a.y)
-                          }
-                        },
-                        initial: "initial",
-                        animate: h ? "whileInView" : "initial"
-                      }
-                    ) : null,
-                    T ? /* @__PURE__ */ e.jsx(
-                      S.text,
-                      {
-                        dy: -8,
-                        style: {
-                          textAnchor: "middle",
-                          ...c?.graphObjectValues || {}
-                        },
-                        className: q(
-                          "graph-value text-xs font-bold",
-                          p?.graphObjectValues
-                        ),
-                        exit: { opacity: 0, transition: { duration: o.duration } },
-                        variants: {
-                          initial: {
-                            opacity: 0,
-                            fill: C[i],
-                            x: s(a.date),
-                            y: r(a.y)
-                          },
-                          whileInView: {
-                            opacity: 1,
-                            fill: C[i],
-                            x: s(a.date),
-                            y: r(a.y),
-                            transition: {
-                              duration: A ? o.duration : 0.5,
-                              delay: A ? 0 : o.duration
-                            }
-                          }
-                        },
-                        initial: "initial",
-                        animate: h ? "whileInView" : "initial",
-                        children: Nt(a.y, "NA", W, R, H)
-                      }
-                    ) : null
-                  ] }) }, P)),
-                  gt || jt.includes(j[i]) ? null : /* @__PURE__ */ e.jsx(
-                    S.text,
-                    {
-                      className: "text-xs",
-                      dx: 5,
-                      dy: 4,
-                      exit: { opacity: 0, transition: { duration: o.duration } },
-                      variants: {
-                        initial: {
-                          opacity: 0,
-                          fill: C[i],
-                          x: s(t[t.length - 1].date),
-                          y: r(t[t.length - 1].y)
-                        },
-                        whileInView: {
-                          opacity: 1,
-                          fill: C[i],
-                          x: s(t[t.length - 1].date),
-                          y: r(t[t.length - 1].y),
-                          transition: {
-                            duration: A ? o.duration : 0.5,
-                            delay: A ? 0 : o.duration
-                          }
-                        }
-                      },
-                      initial: "initial",
-                      animate: h ? "whileInView" : "initial",
-                      children: j[i]
-                    }
-                  )
-                ]
-              },
-              j[i]
-            )),
-            y ? /* @__PURE__ */ e.jsx(
-              "line",
-              {
-                y1: 0,
-                y2: f,
-                x1: s(y.date),
-                x2: s(y.date),
-                className: q(
-                  "undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",
-                  p?.mouseOverLine
-                ),
-                style: c?.mouseOverLine
-              }
-            ) : null
-          ] }),
-          K ? /* @__PURE__ */ e.jsx(e.Fragment, { children: K.map((t, i) => /* @__PURE__ */ e.jsx(
-            Pt,
-            {
-              text: t.text,
-              color: t.color,
-              y: r(t.value),
-              x1: 0 - b,
-              x2: g + w.right,
-              classNames: t.classNames,
-              styles: t.styles,
-              animate: o,
-              isInView: h
-            },
-            i
-          )) }) : null,
-          /* @__PURE__ */ e.jsx("g", { children: yt.map((t, i) => {
-            const a = It(
-              {
-                x: t.xCoordinate ? s(u(`${t.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0),
-                y: t.yCoordinate ? r(t.yCoordinate) + (t.yOffset || 0) - 8 : 0 + (t.yOffset || 0) - 8
-              },
-              {
-                x: t.xCoordinate ? s(u(`${t.xCoordinate}`, l, /* @__PURE__ */ new Date())) : 0,
-                y: t.yCoordinate ? r(t.yCoordinate) : 0
-              },
-              x(t.connectorRadius) ? 3.5 : t.connectorRadius
-            ), P = t.showConnector ? {
-              y1: a.y,
-              x1: a.x,
-              y2: t.yCoordinate ? r(t.yCoordinate) + (t.yOffset || 0) : 0 + (t.yOffset || 0),
-              x2: t.xCoordinate ? s(u(`${t.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0),
-              cy: t.yCoordinate ? r(t.yCoordinate) : 0,
-              cx: t.xCoordinate ? s(u(`${t.xCoordinate}`, l, /* @__PURE__ */ new Date())) : 0,
-              circleRadius: x(t.connectorRadius) ? 3.5 : t.connectorRadius,
-              strokeWidth: t.showConnector === !0 ? 2 : Math.min(t.showConnector || 0, 1)
-            } : void 0, Ot = {
-              y: t.yCoordinate ? r(t.yCoordinate) + (t.yOffset || 0) - 8 : 0 + (t.yOffset || 0) - 8,
-              x: G ? 0 : t.xCoordinate ? s(u(`${t.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0),
-              width: G ? t.xCoordinate ? s(u(`${t.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0) : g + w.right - (t.xCoordinate ? s(u(`${t.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0)),
-              maxWidth: t.maxWidth,
-              fontWeight: t.fontWeight,
-              align: t.align
-            };
-            return /* @__PURE__ */ e.jsx(
-              Ht,
-              {
-                color: t.color,
-                connectorsSettings: P,
-                labelSettings: Ot,
-                text: t.text,
-                classNames: t.classNames,
-                styles: t.styles,
-                animate: o,
-                isInView: h
-              },
-              i
-            );
-          }) }),
-          tt.filter((t) => t.position === "after").map((t) => t.layer),
-          /* @__PURE__ */ e.jsx(
-            "rect",
-            {
-              ref: _,
-              style: {
-                fill: "none",
-                pointerEvents: "all"
-              },
-              width: g,
-              height: f
-            }
-          )
-        ] })
+    ui(lt.current).on("mousemove", o).on("mouseout", e), zt?.(void 0);
+  }, [r, f, zt]);
+  let dt;
+  t[31] === Symbol.for("react.memo_cache_sentinel") ? (dt = {
+    width: 0
+  }, t[31] = dt) : dt = t[31];
+  let T;
+  t[32] !== n.duration ? (T = {
+    duration: n.duration
+  }, t[32] = n.duration, t[33] = T) : T = t[33];
+  let H;
+  t[34] !== c || t[35] !== T ? (H = {
+    initial: dt,
+    whileInView: {
+      width: c,
+      transition: T
+    }
+  }, t[34] = c, t[35] = T, t[36] = H) : H = t[36];
+  const ut = m ? "whileInView" : "initial";
+  let I;
+  t[37] !== g || t[38] !== H || t[39] !== ut ? (I = /* @__PURE__ */ s.jsx(Et.rect, { x: 0, y: 0, height: g, variants: H, initial: "initial", animate: ut }), t[37] = g, t[38] = H, t[39] = ut, t[40] = I) : I = t[40];
+  let ht;
+  t[41] !== st || t[42] !== I ? (ht = /* @__PURE__ */ s.jsx("defs", { children: /* @__PURE__ */ s.jsx("clipPath", { id: st, children: I }) }), t[41] = st, t[42] = I, t[43] = ht) : ht = t[43];
+  let pt;
+  t[44] !== n || t[45] !== g || t[46] !== c || t[47] !== Ht || t[48] !== m || t[49] !== r ? (pt = /* @__PURE__ */ s.jsx(ni, { areaSettings: Ht, width: c, height: g, scale: r, animate: n, isInView: m }), t[44] = n, t[45] = g, t[46] = c, t[47] = Ht, t[48] = m, t[49] = r, t[50] = pt) : pt = t[50];
+  const It = y?.yAxis?.gridLines, Rt = y?.yAxis?.labels;
+  let gt;
+  t[51] !== It || t[52] !== Rt ? (gt = {
+    gridLines: It,
+    labels: Rt
+  }, t[51] = It, t[52] = Rt, t[53] = gt) : gt = t[53];
+  const xt = x?.yAxis?.gridLines, Ft = x?.yAxis?.labels;
+  let K;
+  t[54] !== xt || t[55] !== Ft ? (K = {
+    gridLines: xt,
+    labels: Ft
+  }, t[54] = xt, t[55] = Ft, t[56] = K) : K = t[56];
+  const Wt = l(v < 0 ? 0 : v), yt = l(v < 0 ? 0 : v), Yt = 0 - w, vt = c + p.right, wt = v < 0 ? 0 : v;
+  let k;
+  t[57] !== E || t[58] !== P || t[59] !== Y || t[60] !== wt ? (k = Pe(wt, "NA", E, P, Y), t[57] = E, t[58] = P, t[59] = Y, t[60] = wt, t[61] = k) : k = t[61];
+  const Ct = 0 - w, pe = l(v < 0 ? 0 : v), At = V < 0 ? "1em" : -5;
+  let bt;
+  t[62] !== Ct || t[63] !== pe || t[64] !== At ? (bt = {
+    x: Ct,
+    y: pe,
+    dx: 0,
+    dy: At
+  }, t[62] = Ct, t[63] = pe, t[64] = At, t[65] = bt) : bt = t[65];
+  const Pt = x?.xAxis?.axis, ee = x?.yAxis?.labels;
+  let M;
+  t[66] !== Pt || t[67] !== ee ? (M = {
+    axis: Pt,
+    label: ee
+  }, t[66] = Pt, t[67] = ee, t[68] = M) : M = t[68];
+  const Ot = y?.xAxis?.axis, Gt = y?.yAxis?.labels;
+  let R;
+  t[69] !== Ot || t[70] !== Gt ? (R = {
+    axis: Ot,
+    label: Gt
+  }, t[69] = Ot, t[70] = Gt, t[71] = R) : R = t[71];
+  let $;
+  t[72] !== Wt || t[73] !== yt || t[74] !== Yt || t[75] !== vt || t[76] !== k || t[77] !== bt || t[78] !== M || t[79] !== R ? ($ = /* @__PURE__ */ s.jsx(ti, { y1: Wt, y2: yt, x1: Yt, x2: vt, label: k, labelPos: bt, classNames: M, styles: R }), t[72] = Wt, t[73] = yt, t[74] = Yt, t[75] = vt, t[76] = k, t[77] = bt, t[78] = M, t[79] = R, t[80] = $) : $ = t[80];
+  const F = 0 - w - 15, W = g / 2, jt = y?.yAxis?.title, ie = x?.yAxis?.title;
+  let Xt;
+  t[81] !== F || t[82] !== W || t[83] !== jt || t[84] !== ie || t[85] !== ot ? (Xt = /* @__PURE__ */ s.jsx(_e, { x: F, y: W, style: jt, className: ie, text: ot, rotate90: !0 }), t[81] = F, t[82] = W, t[83] = jt, t[84] = ie, t[85] = ot, t[86] = Xt) : Xt = t[86];
+  let Ae;
+  t[87] !== a ? (Ae = (o) => Ue(o, a), t[87] = a, t[88] = Ae) : Ae = t[88];
+  const Xe = te.map(Ae), Ee = te.map((o) => r(o)), He = y?.xAxis?.gridLines, Ie = y?.xAxis?.labels;
+  let be;
+  t[89] !== He || t[90] !== Ie ? (be = {
+    gridLines: He,
+    labels: Ie
+  }, t[89] = He, t[90] = Ie, t[91] = be) : be = t[91];
+  const Re = x?.xAxis?.gridLines;
+  let oe;
+  t[92] !== Re ? (oe = Ve("opacity-0", Re), t[92] = Re, t[93] = oe) : oe = t[93];
+  const Fe = x?.xAxis?.labels;
+  let ne;
+  t[94] !== Fe ? (ne = Ve("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", Fe), t[94] = Fe, t[95] = ne) : ne = t[95];
+  let Oe;
+  t[96] !== oe || t[97] !== ne ? (Oe = {
+    gridLines: oe,
+    labels: ne
+  }, t[96] = oe, t[97] = ne, t[98] = Oe) : Oe = t[98];
+  let je;
+  t[99] !== B ? (je = B.filter(Mi).map(ki), t[99] = B, t[100] = je) : je = t[100];
+  const We = de.map((o, e) => /* @__PURE__ */ s.jsxs(Et.g, { exit: {
+    opacity: 0,
+    transition: {
+      duration: n.duration
+    }
+  }, variants: {
+    initial: {
+      opacity: it.length !== 0 ? it.indexOf(S[e]) !== -1 ? 1 : me : 1
+    },
+    whileInView: {
+      opacity: it.length !== 0 ? it.indexOf(S[e]) !== -1 ? 1 : me : 1,
+      transition: {
+        duration: n.duration
+      }
+    }
+  }, initial: "initial", animate: m ? "whileInView" : "initial", children: [
+    /* @__PURE__ */ s.jsx(Et.path, { style: {
+      fill: "none",
+      strokeWidth: qt
+    }, clipPath: `url(#${st})`, exit: {
+      opacity: 0,
+      transition: {
+        duration: n.duration
       }
-    ),
-    y && X && ot && st ? /* @__PURE__ */ e.jsx(
-      St,
-      {
-        data: y,
-        body: X,
-        xPos: ot,
-        yPos: st,
-        backgroundStyle: c?.tooltip,
-        className: p?.tooltip
+    }, variants: {
+      initial: {
+        ...nt.length === 0 ? {
+          pathLength: 0
+        } : {},
+        d: N(o.filter(Ti)) || "",
+        opacity: 1,
+        stroke: D[e]
+      },
+      whileInView: {
+        ...nt.length === 0 ? {
+          pathLength: 1
+        } : {},
+        d: N(o.filter(Si)) || "",
+        opacity: 1,
+        stroke: D[e],
+        transition: {
+          duration: n.duration
+        }
       }
-    ) : null
+    }, strokeDasharray: nt.includes(S[e]) ? Mt[e % Mt.length] : void 0, initial: "initial", animate: m ? "whileInView" : "initial" }),
+    o.map((u, Q) => /* @__PURE__ */ s.jsx("g", { children: A(u.y) ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      Jt ? /* @__PURE__ */ s.jsx(Et.circle, { r: c / f.length < 5 ? 0 : c / f.length < 20 ? 2 : 4, exit: {
+        opacity: 0,
+        transition: {
+          duration: n.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          fill: D[e],
+          cx: r(u.date),
+          cy: l(u.y)
+        },
+        whileInView: {
+          opacity: 1,
+          fill: D[e],
+          transition: {
+            duration: C ? n.duration : 0.5,
+            delay: C ? 0 : n.duration
+          },
+          cx: r(u.date),
+          cy: l(u.y)
+        }
+      }, initial: "initial", animate: m ? "whileInView" : "initial" }) : null,
+      xe ? /* @__PURE__ */ s.jsx(Et.text, { dy: -8, style: {
+        textAnchor: "middle",
+        ...y?.graphObjectValues || {}
+      }, className: Ve("graph-value text-xs font-bold", x?.graphObjectValues), exit: {
+        opacity: 0,
+        transition: {
+          duration: n.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          fill: D[e],
+          x: r(u.date),
+          y: l(u.y)
+        },
+        whileInView: {
+          opacity: 1,
+          fill: D[e],
+          x: r(u.date),
+          y: l(u.y),
+          transition: {
+            duration: C ? n.duration : 0.5,
+            delay: C ? 0 : n.duration
+          }
+        }
+      }, initial: "initial", animate: m ? "whileInView" : "initial", children: Pe(u.y, "NA", E, P, Y) }) : null
+    ] }) }, Q)),
+    ye || ve.includes(S[e]) ? null : /* @__PURE__ */ s.jsx(Et.text, { className: "text-xs", dx: 5, dy: 4, exit: {
+      opacity: 0,
+      transition: {
+        duration: n.duration
+      }
+    }, variants: {
+      initial: {
+        opacity: 0,
+        fill: D[e],
+        x: r(o[o.length - 1].date),
+        y: l(o[o.length - 1].y)
+      },
+      whileInView: {
+        opacity: 1,
+        fill: D[e],
+        x: r(o[o.length - 1].date),
+        y: l(o[o.length - 1].y),
+        transition: {
+          duration: C ? n.duration : 0.5,
+          delay: C ? 0 : n.duration
+        }
+      }
+    }, initial: "initial", animate: m ? "whileInView" : "initial", children: S[e] })
+  ] }, S[e]));
+  let se;
+  t[101] !== x?.mouseOverLine || t[102] !== g || t[103] !== j || t[104] !== y?.mouseOverLine || t[105] !== r ? (se = j ? /* @__PURE__ */ s.jsx("line", { y1: 0, y2: g, x1: r(j.date), x2: r(j.date), className: Ve("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100", x?.mouseOverLine), style: y?.mouseOverLine }) : null, t[101] = x?.mouseOverLine, t[102] = g, t[103] = j, t[104] = y?.mouseOverLine, t[105] = r, t[106] = se) : se = t[106];
+  let Le;
+  t[107] !== We || t[108] !== se ? (Le = /* @__PURE__ */ s.jsxs("g", { children: [
+    We,
+    se
+  ] }), t[107] = We, t[108] = se, t[109] = Le) : Le = t[109];
+  let De;
+  t[110] !== n || t[111] !== c || t[112] !== m || t[113] !== w || t[114] !== p.right || t[115] !== Dt || t[116] !== l ? (De = Dt ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Dt.map((o, e) => /* @__PURE__ */ s.jsx(ii, { text: o.text, color: o.color, y: l(o.value), x1: 0 - w, x2: c + p.right, classNames: o.classNames, styles: o.styles, animate: n, isInView: m }, e)) }) : null, t[110] = n, t[111] = c, t[112] = m, t[113] = w, t[114] = p.right, t[115] = Dt, t[116] = l, t[117] = De) : De = t[117];
+  let ae;
+  if (t[118] !== n || t[119] !== St || t[120] !== a || t[121] !== c || t[122] !== m || t[123] !== p.right || t[124] !== X || t[125] !== r || t[126] !== l) {
+    let o;
+    t[128] !== n || t[129] !== a || t[130] !== c || t[131] !== m || t[132] !== p.right || t[133] !== X || t[134] !== r || t[135] !== l ? (o = (e, u) => {
+      const Q = Qe({
+        x: e.xCoordinate ? r(O(`${e.xCoordinate}`, a, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+        y: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
+      }, {
+        x: e.xCoordinate ? r(O(`${e.xCoordinate}`, a, /* @__PURE__ */ new Date())) : 0,
+        y: e.yCoordinate ? l(e.yCoordinate) : 0
+      }, A(e.connectorRadius) ? 3.5 : e.connectorRadius), Be = e.showConnector ? {
+        y1: Q.y,
+        x1: Q.x,
+        y2: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
+        x2: e.xCoordinate ? r(O(`${e.xCoordinate}`, a, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+        cy: e.yCoordinate ? l(e.yCoordinate) : 0,
+        cx: e.xCoordinate ? r(O(`${e.xCoordinate}`, a, /* @__PURE__ */ new Date())) : 0,
+        circleRadius: A(e.connectorRadius) ? 3.5 : e.connectorRadius,
+        strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
+      } : void 0, ze = {
+        y: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
+        x: X ? 0 : e.xCoordinate ? r(O(`${e.xCoordinate}`, a, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+        width: X ? e.xCoordinate ? r(O(`${e.xCoordinate}`, a, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : c + p.right - (e.xCoordinate ? r(O(`${e.xCoordinate}`, a, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+        maxWidth: e.maxWidth,
+        fontWeight: e.fontWeight,
+        align: e.align
+      };
+      return /* @__PURE__ */ s.jsx(Ze, { color: e.color, connectorsSettings: Be, labelSettings: ze, text: e.text, classNames: e.classNames, styles: e.styles, animate: n, isInView: m }, u);
+    }, t[128] = n, t[129] = a, t[130] = c, t[131] = m, t[132] = p.right, t[133] = X, t[134] = r, t[135] = l, t[136] = o) : o = t[136], ae = St.map(o), t[118] = n, t[119] = St, t[120] = a, t[121] = c, t[122] = m, t[123] = p.right, t[124] = X, t[125] = r, t[126] = l, t[127] = ae;
+  } else
+    ae = t[127];
+  let Se;
+  t[137] !== ae ? (Se = /* @__PURE__ */ s.jsx("g", { children: ae }), t[137] = ae, t[138] = Se) : Se = t[138];
+  let Te;
+  t[139] !== B ? (Te = B.filter(Di).map(Li), t[139] = B, t[140] = Te) : Te = t[140];
+  let ke;
+  t[141] === Symbol.for("react.memo_cache_sentinel") ? (ke = {
+    fill: "none",
+    pointerEvents: "all"
+  }, t[141] = ke) : ke = t[141];
+  let Me;
+  t[142] !== lt || t[143] !== g || t[144] !== c ? (Me = /* @__PURE__ */ s.jsx("rect", { ref: lt, style: ke, width: c, height: g }), t[142] = lt, t[143] = g, t[144] = c, t[145] = Me) : Me = t[145];
+  let $e;
+  return t[146] !== x?.tooltip || t[147] !== z || t[148] !== U || t[149] !== j || t[150] !== y?.tooltip || t[151] !== tt ? ($e = j && tt && z && U ? /* @__PURE__ */ s.jsx(Je, { data: j, body: tt, xPos: z, yPos: U, backgroundStyle: y?.tooltip, className: x?.tooltip }) : null, t[146] = x?.tooltip, t[147] = z, t[148] = U, t[149] = j, t[150] = y?.tooltip, t[151] = tt, t[152] = $e) : $e = t[152], /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(Et.svg, { width: `${Z}px`, height: `${Bt}px`, viewBox: `0 0 ${Z} ${Bt}`, direction: "ltr", ref: Qt, children: /* @__PURE__ */ s.jsxs("g", { transform: `translate(${p.left},${p.top})`, children: [
+      ht,
+      pt,
+      /* @__PURE__ */ s.jsx(Ke, { areaSettings: ue, scaleX: r, scaleY: l, animate: n, isInView: m }),
+      /* @__PURE__ */ s.jsxs("g", { children: [
+        /* @__PURE__ */ s.jsx(oi, { values: _t.filter(Vi), y: _t.filter($i).map((o) => l(o)), x1: 0 - w, x2: c + p.right, styles: gt, classNames: K, suffix: Y, prefix: P, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: E }),
+        $,
+        Xt
+      ] }),
+      /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsx(ei, { values: Xe, x: Ee, y1: 0, y2: g, styles: be, classNames: Oe, suffix: Y, prefix: P, labelType: "primary", showGridLines: !0, precision: E }) }),
+      je,
+      Le,
+      De,
+      Se,
+      Te,
+      Me
+    ] }) }),
+    $e
   ] });
 }
-function Re(dt) {
-  const {
-    data: $,
-    graphTitle: L,
-    lineColors: V = oe.light.categoricalColors.colors,
-    suffix: C = "",
-    sources: l,
-    prefix: xt = "",
-    graphDescription: j,
-    height: I,
-    width: m,
-    footNote: J,
-    noOfXTicks: H = 10,
-    dateFormat: R = "yyyy",
-    labels: b,
-    padding: X,
-    showValues: E = !1,
-    backgroundColor: T = !1,
-    leftMargin: gt = 30,
-    rightMargin: K = 50,
-    topMargin: ft = 20,
-    bottomMargin: F = 25,
-    tooltip: Q,
-    relativeHeight: O,
-    onSeriesMouseOver: o,
-    showColorLegendAtTop: G = !1,
-    refValues: ut = [],
-    highlightAreaSettings: pt = [],
-    graphID: yt,
-    minValue: wt,
-    maxValue: Z,
-    highlightedLines: vt = [],
-    graphDownload: B = !1,
-    dataDownload: z = !1,
-    animate: N = !1,
-    language: c = "en",
-    colorLegendTitle: p,
-    minHeight: k = 0,
-    strokeWidth: W = 2,
-    showDots: tt = !0,
-    annotations: U = [],
-    customHighlightAreaSettings: et = [],
-    theme: jt = "light",
-    ariaLabel: it,
-    yAxisTitle: at,
-    noOfYTicks: h = 5,
-    minDate: A,
-    maxDate: Ct,
-    curveType: bt = "curve",
-    styles: y,
-    classNames: D,
-    dimmedOpacity: ot = 0.3,
-    precision: nt = 2,
-    customLayers: st = [],
-    dashedLines: rt = [],
-    dashSettings: w = ["5 5"],
-    labelsToBeHidden: _ = [],
-    showColorScale: n = !0
-  } = dt, [M, lt] = Y(0), [ct, g] = Y(0), f = ht(null), mt = ht(null);
-  return Dt(() => {
-    const d = new ResizeObserver((v) => {
-      lt(m || v[0].target.clientWidth || 620), g(I || v[0].target.clientHeight || 480);
+function Li(i) {
+  return i.layer;
+}
+function Di(i) {
+  return i.position === "after";
+}
+function Si(i) {
+  return !A(i.y);
+}
+function Ti(i) {
+  return !A(i.y);
+}
+function ki(i) {
+  return i.layer;
+}
+function Mi(i) {
+  return i.position === "before";
+}
+function $i(i) {
+  return i !== 0;
+}
+function Vi(i) {
+  return i !== 0;
+}
+function Ni(i) {
+  return i.date;
+}
+function Hi(i) {
+  return Math.max(...i.y.filter(Ii));
+}
+function Ii(i) {
+  return !A(i);
+}
+function Ri(i) {
+  return Math.max(...i.y.filter(Fi));
+}
+function Fi(i) {
+  return !A(i);
+}
+function Wi(i) {
+  return Math.min(...i.y.filter(Yi));
+}
+function Yi(i) {
+  return !A(i);
+}
+function Pi(i) {
+  return Math.min(...i.y.filter(Gi));
+}
+function Gi(i) {
+  return !A(i);
+}
+function Xi(i) {
+  return Math.min(...i.y.filter(Ei));
+}
+function Ei(i) {
+  return !A(i);
+}
+function Bi(i) {
+  return !A(i.y);
+}
+function So(i) {
+  const t = Ge.c(99), {
+    data: L,
+    graphTitle: Z,
+    lineColors: Bt,
+    suffix: D,
+    sources: a,
+    prefix: ge,
+    graphDescription: S,
+    height: Lt,
+    width: b,
+    footNote: _,
+    noOfXTicks: Y,
+    dateFormat: P,
+    labels: w,
+    padding: tt,
+    showValues: zt,
+    backgroundColor: xe,
+    leftMargin: ye,
+    rightMargin: Dt,
+    topMargin: Ut,
+    bottomMargin: G,
+    tooltip: et,
+    relativeHeight: it,
+    onSeriesMouseOver: n,
+    showColorLegendAtTop: X,
+    refValues: qt,
+    highlightAreaSettings: Jt,
+    graphID: St,
+    minValue: Tt,
+    maxValue: ot,
+    highlightedLines: Kt,
+    graphDownload: le,
+    dataDownload: ce,
+    animate: kt,
+    language: y,
+    colorLegendTitle: x,
+    minHeight: me,
+    strokeWidth: E,
+    showDots: B,
+    annotations: nt,
+    customHighlightAreaSettings: Mt,
+    theme: ve,
+    ariaLabel: st,
+    yAxisTitle: Qt,
+    noOfYTicks: $t,
+    minDate: m,
+    maxDate: C,
+    curveType: we,
+    styles: h,
+    classNames: d,
+    dimmedOpacity: Ce,
+    precision: j,
+    customLayers: Vt,
+    dashedLines: z,
+    dashSettings: Nt,
+    labelsToBeHidden: U,
+    showColorScale: fe
+  } = i, at = Bt === void 0 ? wi.light.categoricalColors.colors : Bt, rt = D === void 0 ? "" : D, p = ge === void 0 ? "" : ge, lt = Y === void 0 ? 10 : Y, ct = P === void 0 ? "yyyy" : P, f = zt === void 0 ? !1 : zt, de = xe === void 0 ? !1 : xe, mt = ye === void 0 ? 30 : ye, Ht = Dt === void 0 ? 50 : Dt, ft = Ut === void 0 ? 20 : Ut, ue = G === void 0 ? 25 : G, c = X === void 0 ? !1 : X;
+  let g;
+  t[0] !== qt ? (g = qt === void 0 ? [] : qt, t[0] = qt, t[1] = g) : g = t[1];
+  const he = g;
+  let Zt;
+  t[2] !== Jt ? (Zt = Jt === void 0 ? [] : Jt, t[2] = Jt, t[3] = Zt) : Zt = t[3];
+  const v = Zt;
+  let V;
+  t[4] !== Kt ? (V = Kt === void 0 ? [] : Kt, t[4] = Kt, t[5] = V) : V = t[5];
+  const r = V, q = le === void 0 ? !1 : le, J = ce === void 0 ? !1 : ce, l = kt === void 0 ? !1 : kt, N = y === void 0 ? "en" : y, _t = me === void 0 ? 0 : me, te = E === void 0 ? 2 : E, dt = B === void 0 ? !0 : B;
+  let T;
+  t[6] !== nt ? (T = nt === void 0 ? [] : nt, t[6] = nt, t[7] = T) : T = t[7];
+  const H = T;
+  let ut;
+  t[8] !== Mt ? (ut = Mt === void 0 ? [] : Mt, t[8] = Mt, t[9] = ut) : ut = t[9];
+  const I = ut, ht = ve === void 0 ? "light" : ve, pt = $t === void 0 ? 5 : $t, It = we === void 0 ? "curve" : we, Rt = Ce === void 0 ? 0.3 : Ce, gt = j === void 0 ? 2 : j;
+  let xt;
+  t[10] !== Vt ? (xt = Vt === void 0 ? [] : Vt, t[10] = Vt, t[11] = xt) : xt = t[11];
+  const Ft = xt;
+  let K;
+  t[12] !== z ? (K = z === void 0 ? [] : z, t[12] = z, t[13] = K) : K = t[13];
+  const Wt = K;
+  let yt;
+  t[14] !== Nt ? (yt = Nt === void 0 ? ["5 5"] : Nt, t[14] = Nt, t[15] = yt) : yt = t[15];
+  const Yt = yt;
+  let vt;
+  t[16] !== U ? (vt = U === void 0 ? [] : U, t[16] = U, t[17] = vt) : vt = t[17];
+  const wt = vt, k = fe === void 0 ? !0 : fe, [Ct, pe] = re(0), [At, bt] = re(0), Pt = Ne(null), ee = Ne(null);
+  let M, Ot;
+  t[18] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+    const ie = new ResizeObserver((Xt) => {
+      pe(Xt[0].target.clientWidth || 620), bt(Xt[0].target.clientHeight || 480);
     });
-    return f.current && (g(f.current.clientHeight || 480), lt(f.current.clientWidth || 620), m || d.observe(f.current)), () => d.disconnect();
-  }, [m, I]), /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: `${jt || "light"} flex  ${m ? "w-fit grow-0" : "w-full grow"}`,
-      dir: c === "he" || c === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: q(
-            `${T ? T === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${c || "en"}`,
-            m ? "w-fit" : "w-full",
-            D?.graphContainer
-          ),
-          style: {
-            ...y?.graphContainer || {},
-            ...T && T !== !0 ? { backgroundColor: T } : {}
-          },
-          id: yt,
-          ref: mt,
-          "aria-label": it || `${L ? `The graph shows ${L}. ` : ""}This is a multi-line chart that shows trends over time.${j ? ` ${j}` : ""}`,
-          children: /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: T ? X || "1rem" : X || 0 },
-              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                L || j || B || z ? /* @__PURE__ */ e.jsx(
-                  ie,
-                  {
-                    styles: {
-                      title: y?.title,
-                      description: y?.description
-                    },
-                    classNames: {
-                      title: D?.title,
-                      description: D?.description
-                    },
-                    graphTitle: L,
-                    graphDescription: j,
-                    width: m,
-                    graphDownload: B ? mt.current : void 0,
-                    dataDownload: z ? $.map((d) => d.data).filter((d) => d !== void 0).length > 0 ? $.map((d) => d.data).filter((d) => d !== void 0) : $.filter((d) => d !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: $.length === 0 ? /* @__PURE__ */ e.jsx(ne, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  G && n ? /* @__PURE__ */ e.jsx(
-                    ae,
-                    {
-                      colorDomain: b,
-                      colorLegendTitle: p,
-                      labelsToBeHidden: _,
-                      colors: V,
-                      showNAColor: !1
-                    }
-                  ) : null,
-                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: f, "aria-label": "Graph area", children: (m || M) && (I || ct) ? /* @__PURE__ */ e.jsx(
-                    re,
-                    {
-                      data: $,
-                      lineColors: V,
-                      width: m || M,
-                      height: Math.max(
-                        k,
-                        I || (O ? k ? (m || M) * O > k ? (m || M) * O : k : (m || M) * O : ct)
-                      ),
-                      dateFormat: R,
-                      noOfXTicks: H,
-                      leftMargin: gt,
-                      rightMargin: K,
-                      topMargin: ft,
-                      bottomMargin: F,
-                      labels: b,
-                      tooltip: Q,
-                      onSeriesMouseOver: o,
-                      showColorLegendAtTop: n ? G : !0,
-                      showValues: E,
-                      suffix: C,
-                      prefix: xt,
-                      highlightAreaSettings: pt,
-                      refValues: ut,
-                      minValue: wt,
-                      maxValue: Z,
-                      highlightedLines: vt,
-                      animate: N === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : N || { duration: 0, once: !0, amount: 0 },
-                      rtl: c === "he" || c === "ar",
-                      strokeWidth: W,
-                      showDots: tt,
-                      annotations: U,
-                      customHighlightAreaSettings: et,
-                      yAxisTitle: at,
-                      noOfYTicks: h,
-                      minDate: A,
-                      maxDate: Ct,
-                      curveType: bt,
-                      styles: y,
-                      classNames: D,
-                      dimmedOpacity: ot,
-                      precision: nt,
-                      customLayers: st,
-                      labelsToBeHidden: _,
-                      dashedLines: rt,
-                      dashSettings: w,
-                      revealClipId: se(8)
-                    }
-                  ) : null })
-                ] }) }),
-                l || J ? /* @__PURE__ */ e.jsx(
-                  ee,
-                  {
-                    styles: { footnote: y?.footnote, source: y?.source },
-                    classNames: {
-                      footnote: D?.footnote,
-                      source: D?.source
-                    },
-                    sources: l,
-                    footNote: J,
-                    width: m
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    return Pt.current && ie.observe(Pt.current), () => ie.disconnect();
+  }, Ot = [], t[18] = M, t[19] = Ot) : (M = t[18], Ot = t[19]), Ye(M, Ot);
+  const Gt = d?.graphContainer, R = h?.graphContainer;
+  let $;
+  t[20] !== d?.description || t[21] !== d?.title || t[22] !== L || t[23] !== J || t[24] !== S || t[25] !== q || t[26] !== Z || t[27] !== h?.description || t[28] !== h?.title || t[29] !== b ? ($ = Z || S || q || J ? /* @__PURE__ */ s.jsx(yi, { styles: {
+    title: h?.title,
+    description: h?.description
+  }, classNames: {
+    title: d?.title,
+    description: d?.description
+  }, graphTitle: Z, graphDescription: S, width: b, graphDownload: q ? ee : void 0, dataDownload: J ? L.map(Ki).filter(Ji).length > 0 ? L.map(qi).filter(Ui) : L.filter(zi) : null }) : null, t[20] = d?.description, t[21] = d?.title, t[22] = L, t[23] = J, t[24] = S, t[25] = q, t[26] = Z, t[27] = h?.description, t[28] = h?.title, t[29] = b, t[30] = $) : $ = t[30];
+  let F;
+  t[31] !== l || t[32] !== H || t[33] !== ue || t[34] !== d || t[35] !== x || t[36] !== It || t[37] !== I || t[38] !== Ft || t[39] !== Yt || t[40] !== Wt || t[41] !== L || t[42] !== ct || t[43] !== Rt || t[44] !== v || t[45] !== r || t[46] !== w || t[47] !== wt || t[48] !== N || t[49] !== mt || t[50] !== at || t[51] !== C || t[52] !== ot || t[53] !== m || t[54] !== Tt || t[55] !== lt || t[56] !== pt || t[57] !== n || t[58] !== gt || t[59] !== p || t[60] !== he || t[61] !== Ht || t[62] !== c || t[63] !== k || t[64] !== dt || t[65] !== f || t[66] !== te || t[67] !== h || t[68] !== rt || t[69] !== At || t[70] !== Ct || t[71] !== et || t[72] !== ft || t[73] !== Qt ? (F = L.length === 0 ? /* @__PURE__ */ s.jsx(Ci, {}) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    c && k ? /* @__PURE__ */ s.jsx(vi, { colorDomain: w, colorLegendTitle: x, labelsToBeHidden: wt, colors: at, showNAColor: !1, className: d?.colorLegend }) : null,
+    /* @__PURE__ */ s.jsx(bi, { ref: Pt, children: Ct && At ? /* @__PURE__ */ s.jsx(ji, { data: L, lineColors: at, width: Ct, height: At, dateFormat: ct, noOfXTicks: lt, leftMargin: mt, rightMargin: Ht, topMargin: ft, bottomMargin: ue, labels: w, tooltip: et, onSeriesMouseOver: n, showColorLegendAtTop: k ? c : !0, showValues: f, suffix: rt, prefix: p, highlightAreaSettings: v, refValues: he, minValue: Tt, maxValue: ot, highlightedLines: r, animate: l === !0 ? {
+      duration: 0.5,
+      once: !0,
+      amount: 0.5
+    } : l || {
+      duration: 0,
+      once: !0,
+      amount: 0
+    }, rtl: N === "he" || N === "ar", strokeWidth: te, showDots: dt, annotations: H, customHighlightAreaSettings: I, yAxisTitle: Qt, noOfYTicks: pt, minDate: m, maxDate: C, curveType: It, styles: h, classNames: d, dimmedOpacity: Rt, precision: gt, customLayers: Ft, labelsToBeHidden: wt, dashedLines: Wt, dashSettings: Yt, revealClipId: Ai(8) }) : null })
+  ] }), t[31] = l, t[32] = H, t[33] = ue, t[34] = d, t[35] = x, t[36] = It, t[37] = I, t[38] = Ft, t[39] = Yt, t[40] = Wt, t[41] = L, t[42] = ct, t[43] = Rt, t[44] = v, t[45] = r, t[46] = w, t[47] = wt, t[48] = N, t[49] = mt, t[50] = at, t[51] = C, t[52] = ot, t[53] = m, t[54] = Tt, t[55] = lt, t[56] = pt, t[57] = n, t[58] = gt, t[59] = p, t[60] = he, t[61] = Ht, t[62] = c, t[63] = k, t[64] = dt, t[65] = f, t[66] = te, t[67] = h, t[68] = rt, t[69] = At, t[70] = Ct, t[71] = et, t[72] = ft, t[73] = Qt, t[74] = F) : F = t[74];
+  let W;
+  t[75] !== d?.footnote || t[76] !== d?.source || t[77] !== _ || t[78] !== a || t[79] !== h?.footnote || t[80] !== h?.source || t[81] !== b ? (W = a || _ ? /* @__PURE__ */ s.jsx(xi, { styles: {
+    footnote: h?.footnote,
+    source: h?.source
+  }, classNames: {
+    footnote: d?.footnote,
+    source: d?.source
+  }, sources: a, footNote: _, width: b }) : null, t[75] = d?.footnote, t[76] = d?.source, t[77] = _, t[78] = a, t[79] = h?.footnote, t[80] = h?.source, t[81] = b, t[82] = W) : W = t[82];
+  let jt;
+  return t[83] !== st || t[84] !== de || t[85] !== St || t[86] !== Lt || t[87] !== N || t[88] !== _t || t[89] !== tt || t[90] !== it || t[91] !== Gt || t[92] !== R || t[93] !== $ || t[94] !== F || t[95] !== W || t[96] !== ht || t[97] !== b ? (jt = /* @__PURE__ */ s.jsxs(Oi, { className: Gt, style: R, id: St, ref: ee, "aria-label": st, backgroundColor: de, theme: ht, language: N, minHeight: _t, width: b, height: Lt, relativeHeight: it, padding: tt, children: [
+    $,
+    F,
+    W
+  ] }), t[83] = st, t[84] = de, t[85] = St, t[86] = Lt, t[87] = N, t[88] = _t, t[89] = tt, t[90] = it, t[91] = Gt, t[92] = R, t[93] = $, t[94] = F, t[95] = W, t[96] = ht, t[97] = b, t[98] = jt) : jt = t[98], jt;
+}
+function zi(i) {
+  return i !== void 0;
+}
+function Ui(i) {
+  return i !== void 0;
+}
+function qi(i) {
+  return i.data;
+}
+function Ji(i) {
+  return i !== void 0;
+}
+function Ki(i) {
+  return i.data;
 }
 export {
-  Re as MultiLineChart
+  So as MultiLineChart
 };
 //# sourceMappingURL=MultiLineChart.js.map