@undp/data-viz 1.5.9 → 2.0.1

package/dist/LineChartWithConfidenceInterval.js

@@ -1,841 +1,691 @@
-import { j as i, m as B } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as mt, useState as R, useEffect as Vt } from "react";
-import { p as u, f as Rt } from "./parse-DlCRUFh_.js";
-import { l as Wt, a as Ft } from "./simple-statistics-flVzqVtt.js";
-import { o as Ht } from "./index-DvVprvy6.js";
-import { n as lt } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Yt } from "./Tooltip-6LIdPQGC.js";
-import { c as j } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as Pt, g as Et, A as Xt } from "./customArea-x4L4xwLl.js";
-import { A as Gt } from "./AxisTitle-v6_xcXZ-.js";
-import { A as Bt } from "./Axis-4gUOL8B7.js";
-import { R as zt } from "./ReferenceLine-CPMaAX0r.js";
-import { R as Ut } from "./RegressionLine-CW7iViH2.js";
-import { Y as qt } from "./YTicksAndGridLines-7t4MKtGw.js";
-import { H as Jt } from "./index-Bw_eHBVN.js";
-import { t as Kt } from "./time-BzJP5SPC.js";
-import { a as Qt } from "./linear-DUdu7l2G.js";
-import { l as Ot, c as Zt } from "./line-CPfhohvF.js";
-import { c as _t, s as ti, a as ii, m as ei } from "./step-BrDul-H4.js";
-import { a as ai } from "./area-BE2wo7fv.js";
-import { s as ni } from "./select-DKy99ogv.js";
-import { a as oi } from "./init-BhZylTFx.js";
+import { c as Te, j as n, m as be } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as De, useState as Zt, useEffect as $e } from "react";
+import { p as j, f as Re } from "./parse-DlCRUFh_.js";
+import { l as Fe, a as He } from "./simple-statistics-flVzqVtt.js";
+import { o as Ye } from "./index-BZQYSqar.js";
+import { n as Le } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Pe } from "./Tooltip-CwWUegPB.js";
+import { c as F } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { g as Ee, A as Xe, C as Ge } from "./customArea-BUhPiPT6.js";
+import { A as Be } from "./AxisTitle-jeI7am8o.js";
+import { A as ze } from "./Axis-CRyfcLjc.js";
+import { a as Ue } from "./ReferenceLine-2XCwHXQ4.js";
+import { R as qe } from "./RegressionLine-DAcY2DjT.js";
+import { Y as Je } from "./YTicksAndGridLines-Blepl7XF.js";
+import { H as Ke } from "./index-SKgJALZg.js";
+import { t as Qe } from "./time-DCCfQk3V.js";
+import { a as Ze } from "./linear-BwnDd9KF.js";
+import { l as Ne, c as _e } from "./line-CPfhohvF.js";
+import { c as ti, s as ei, a as ii, m as ni } from "./step-BrDul-H4.js";
+import { a as oi } from "./area-BE2wo7fv.js";
+import { s as ai } from "./select-DKy99ogv.js";
+import { c as si } from "./init-BJFW6EwE.js";
 import { p as ri } from "./pointer-CWRWOsrb.js";
-import { u as si } from "./use-in-view-DR-UTB96.js";
-import { m as d } from "./proxy-BYIC9BuT.js";
-import { GraphFooter as li } from "./GraphFooter.js";
-import { GraphHeader as ci } from "./GraphHeader.js";
-import { Colors as ct } from "./Colors.js";
-import { ColorLegend as mi } from "./ColorLegend.js";
-import { E as xi } from "./EmptyState-36lXXyui.js";
-function hi(xt) {
-  const {
-    data: V,
-    width: b,
-    height: W,
+import { u as li } from "./use-in-view-Cxa7y1TH.js";
+import { m as O } from "./proxy-BxkFHwUw.js";
+import { GraphFooter as ci } from "./GraphFooter.js";
+import { GraphHeader as mi } from "./GraphHeader.js";
+import { Colors as Ve } from "./Colors.js";
+import { ColorLegend as ui } from "./ColorLegend.js";
+import { E as fi } from "./EmptyState-BZo1BbAn.js";
+import { a as hi, G as yi } from "./GraphContainer-CRqzdKu2.js";
+import { g as pi } from "./getNoOfTicks-CpmRjcRF.js";
+function xi(i) {
+  const t = Te.c(102), {
+    data: b,
+    width: q,
+    height: Tt,
     lineColor: L,
-    suffix: D,
-    prefix: w,
-    dateFormat: s,
-    highlightAreaSettings: h,
-    showValues: z,
-    noOfXTicks: ht,
-    rightMargin: yt,
-    leftMargin: M,
-    topMargin: A,
-    bottomMargin: U,
-    tooltip: q,
-    onSeriesMouseOver: F,
-    refValues: J,
-    minValue: K,
-    maxValue: Q,
-    animate: n,
-    rtl: Z,
-    strokeWidth: ut,
-    showDots: $,
-    annotations: pt,
-    customHighlightAreaSettings: gt,
-    regressionLine: H,
-    showIntervalDots: ft,
-    showIntervalValues: dt,
-    intervalLineStrokeWidth: Y,
-    intervalLineColors: p,
-    intervalAreaColor: wt,
-    intervalAreaOpacity: vt,
-    yAxisTitle: _,
-    noOfYTicks: jt,
-    minDate: P,
-    maxDate: E,
-    curveType: N,
-    styles: c,
-    classNames: m,
-    precision: I,
-    customLayers: tt
-  } = xt, it = mt(null), l = si(it, {
-    once: n.once,
-    amount: n.amount
-  }), [x, Mt] = R(!1);
-  Vt(() => {
-    if (l && !x) {
-      const t = setTimeout(
-        () => {
-          Mt(!0);
-        },
-        (n.duration + 0.5) * 1e3
-      );
-      return () => clearTimeout(t);
+    suffix: I,
+    prefix: C,
+    dateFormat: l,
+    highlightAreaSettings: p,
+    showValues: Wt,
+    noOfXTicks: fe,
+    rightMargin: Rt,
+    leftMargin: S,
+    topMargin: Ft,
+    bottomMargin: mt,
+    tooltip: J,
+    onSeriesMouseOver: Ht,
+    refValues: _t,
+    minValue: te,
+    maxValue: ut,
+    animate: o,
+    rtl: ft,
+    strokeWidth: K,
+    showDots: ee,
+    annotations: ie,
+    customHighlightAreaSettings: ht,
+    regressionLine: yt,
+    showIntervalDots: ne,
+    showIntervalValues: he,
+    intervalLineStrokeWidth: Yt,
+    intervalLineColors: M,
+    intervalAreaColor: Pt,
+    intervalAreaOpacity: Et,
+    yAxisTitle: pt,
+    noOfYTicks: ye,
+    minDate: oe,
+    maxDate: ae,
+    curveType: xt,
+    styles: x,
+    classNames: d,
+    precision: N,
+    customLayers: H
+  } = i, dt = De(null);
+  let Y;
+  t[0] !== o.amount || t[1] !== o.once ? (Y = {
+    once: o.once,
+    amount: o.amount
+  }, t[0] = o.amount, t[1] = o.once, t[2] = Y) : Y = t[2];
+  const c = li(dt, Y), [f, se] = Zt(!1);
+  let gt, Q;
+  t[3] !== o.duration || t[4] !== f || t[5] !== c ? (gt = () => {
+    if (c && !f) {
+      const e = setTimeout(() => {
+        se(!0);
+      }, (o.duration + 0.5) * 1e3);
+      return () => clearTimeout(e);
     }
-  }, [l, x, n.duration]);
-  const S = N === "linear" ? Zt : N === "step" ? _t : N === "stepAfter" ? ti : N === "stepBefore" ? ii : ei, [k, et] = R(void 0), [at, nt] = R(void 0), [X, G] = R(void 0), g = {
-    top: A,
-    bottom: U,
-    left: _ ? M + 30 : M,
-    right: yt
-  }, C = mt(null), a = Ht(
-    V.filter((t) => !j(t.y)).map((t) => ({
-      date: u(`${t.date}`, s, /* @__PURE__ */ new Date()),
-      y: t.y,
-      yMin: j(t.yMin) ? t.y : t.yMin,
-      yMax: j(t.yMax) ? t.y : t.yMax,
-      data: t.data
-    })),
-    ["date"],
-    ["asc"]
-  ), Ct = h.map((t) => ({
-    ...t,
-    coordinates: [
-      t.coordinates[0] === null ? null : u(`${t.coordinates[0]}`, s, /* @__PURE__ */ new Date()),
-      t.coordinates[1] === null ? null : u(`${t.coordinates[1]}`, s, /* @__PURE__ */ new Date())
-    ]
-  })), bt = gt.map((t) => ({
-    ...t,
-    coordinates: t.coordinates.map(
-      (f, O) => O % 2 === 0 ? u(`${f}`, s, /* @__PURE__ */ new Date()) : f
-    )
-  })), r = b - g.left - g.right, v = W - g.top - g.bottom, ot = P ? u(`${P}`, s, /* @__PURE__ */ new Date()) : a[0].date, rt = E ? u(`${E}`, s, /* @__PURE__ */ new Date()) : a[a.length - 1].date, y = j(K) ? Math.min(...a.map((t) => Math.min(t.y, t.yMax, t.yMin))) ? Math.min(...a.map((t) => Math.min(t.y, t.yMax, t.yMin))) > 0 ? 0 : Math.min(...a.map((t) => Math.min(t.y, t.yMax, t.yMin))) : 0 : K, T = Math.max(...a.map((t) => Math.max(t.y, t.yMax, t.yMin))) ? Math.max(...a.map((t) => Math.max(t.y, t.yMax, t.yMin))) : 0, e = Kt().domain([ot, rt]).range([0, r]), o = Qt().domain([
-    y,
-    j(Q) ? T > 0 ? T : 0 : Q
-  ]).range([v, 0]).nice(), Lt = Ot().x((t) => e(t.date)).y((t) => o(t.y)).curve(S), Dt = Ot().x((t) => e(t.date)).y((t) => o(t.yMin)).curve(S), Nt = Ot().x((t) => e(t.date)).y((t) => o(t.yMax)).curve(S), It = ai().x((t) => e(t.date)).y0((t) => o(t.yMin)).y1((t) => o(t.yMax)).curve(S), kt = o.ticks(jt), St = e.ticks(ht);
-  Vt(() => {
-    const t = (O) => {
-      const st = a[oi(
-        a.map((At) => At.date),
-        e.invert(ri(O)[0]),
-        0
-      )];
-      et(st || a[a.length - 1]), F?.(st || a[a.length - 1]), G(O.clientY), nt(O.clientX);
-    }, f = () => {
-      et(void 0), nt(void 0), G(void 0), F?.(void 0);
+  }, Q = [c, f, o.duration], t[3] = o.duration, t[4] = f, t[5] = c, t[6] = gt, t[7] = Q) : (gt = t[6], Q = t[7]), $e(gt, Q);
+  const Z = xt === "linear" ? _e : xt === "step" ? ti : xt === "stepAfter" ? ei : xt === "stepBefore" ? ii : ni, [V, vt] = Zt(void 0), [P, re] = Zt(void 0), [u, h] = Zt(void 0), Xt = pt ? S + 30 : S;
+  let E;
+  t[8] !== mt || t[9] !== Rt || t[10] !== Xt || t[11] !== Ft ? (E = {
+    top: Ft,
+    bottom: mt,
+    left: Xt,
+    right: Rt
+  }, t[8] = mt, t[9] = Rt, t[10] = Xt, t[11] = Ft, t[12] = E) : E = t[12];
+  const v = E, _ = De(null);
+  let tt;
+  t[13] !== l ? (tt = (e) => ({
+    date: j(`${e.date}`, l, /* @__PURE__ */ new Date()),
+    y: e.y,
+    yMin: F(e.yMin) ? e.y : e.yMin,
+    yMax: F(e.yMax) ? e.y : e.yMax,
+    data: e.data
+  }), t[13] = l, t[14] = tt) : tt = t[14];
+  const s = Ye(b.filter(ki).map(tt), ["date"], ["asc"]);
+  let et;
+  if (t[15] !== l || t[16] !== p) {
+    let e;
+    t[18] !== l ? (e = (y) => ({
+      ...y,
+      coordinates: [y.coordinates[0] === null ? null : j(`${y.coordinates[0]}`, l, /* @__PURE__ */ new Date()), y.coordinates[1] === null ? null : j(`${y.coordinates[1]}`, l, /* @__PURE__ */ new Date())]
+    }), t[18] = l, t[19] = e) : e = t[19], et = p.map(e), t[15] = l, t[16] = p, t[17] = et;
+  } else
+    et = t[17];
+  const wt = et;
+  let it;
+  if (t[20] !== ht || t[21] !== l) {
+    let e;
+    t[23] !== l ? (e = (y) => ({
+      ...y,
+      coordinates: y.coordinates.map((U, Qt) => Qt % 2 === 0 ? j(`${U}`, l, /* @__PURE__ */ new Date()) : U)
+    }), t[23] = l, t[24] = e) : e = t[24], it = ht.map(e), t[20] = ht, t[21] = l, t[22] = it;
+  } else
+    it = t[22];
+  const le = it, m = q - v.left - v.right, g = Tt - v.top - v.bottom, Gt = oe ? j(`${oe}`, l, /* @__PURE__ */ new Date()) : s[0].date, ce = ae ? j(`${ae}`, l, /* @__PURE__ */ new Date()) : s[s.length - 1].date, w = F(te) ? Math.min(...s.map(Di)) ? Math.min(...s.map(Vi)) > 0 ? 0 : Math.min(...s.map(Li)) : 0 : te, X = Math.max(...s.map(bi)) ? Math.max(...s.map(Oi)) : 0, a = Qe().domain([Gt, ce]).range([0, m]);
+  let nt;
+  t[25] !== X || t[26] !== ut ? (nt = F(ut) ? X > 0 ? X : 0 : ut, t[25] = X, t[26] = ut, t[27] = nt) : nt = t[27];
+  const r = Ze().domain([w, nt]).range([g, 0]).nice(), Bt = Ne().x((e) => a(e.date)).y((e) => r(e.y)).curve(Z), Mt = Ne().x((e) => a(e.date)).y((e) => r(e.yMin)).curve(Z), zt = Ne().x((e) => a(e.date)).y((e) => r(e.yMax)).curve(Z), Ut = oi().x((e) => a(e.date)).y0((e) => r(e.yMin)).y1((e) => r(e.yMax)).curve(Z), qt = r.ticks(ye), Jt = a.ticks(fe);
+  $e(() => {
+    const e = (U) => {
+      const Qt = s[si(s.map(Ai), a.invert(ri(U)[0]), 0)];
+      vt(Qt || s[s.length - 1]), Ht?.(Qt || s[s.length - 1]), h(U.clientY), re(U.clientX);
+    }, y = () => {
+      vt(void 0), re(void 0), h(void 0), Ht?.(void 0);
     };
-    ni(C.current).on("mousemove", t).on("mouseout", f);
-  }, [e, a, F]);
-  const Tt = Wt(
-    a.filter((t) => !j(t.date) && !j(t.y)).map((t) => [e(t.date), o(t.y)])
-  ), $t = Ft(Tt);
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(
-      d.svg,
-      {
-        width: `${b}px`,
-        height: `${W}px`,
-        viewBox: `0 0 ${b} ${W}`,
-        direction: "ltr",
-        ref: it,
-        children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
-          /* @__PURE__ */ i.jsx(
-            Jt,
-            {
-              areaSettings: Ct,
-              width: r,
-              height: v,
-              scale: e,
-              animate: n,
-              isInView: l
-            }
-          ),
-          /* @__PURE__ */ i.jsx(
-            Pt,
-            {
-              areaSettings: bt,
-              scaleX: e,
-              scaleY: o,
-              animate: n,
-              isInView: l
-            }
-          ),
-          /* @__PURE__ */ i.jsxs("g", { children: [
-            /* @__PURE__ */ i.jsx(
-              qt,
-              {
-                values: kt.filter((t) => t !== 0),
-                y: kt.filter((t) => t !== 0).map((t) => o(t)),
-                x1: 0 - M,
-                x2: r + g.right,
-                styles: {
-                  gridLines: c?.yAxis?.gridLines,
-                  labels: c?.yAxis?.labels
-                },
-                classNames: {
-                  gridLines: m?.yAxis?.gridLines,
-                  labels: m?.yAxis?.labels
-                },
-                suffix: D,
-                prefix: w,
-                labelType: "secondary",
-                showGridLines: !0,
-                labelPos: "vertical",
-                precision: I
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              Bt,
-              {
-                y1: o(y < 0 ? 0 : y),
-                y2: o(y < 0 ? 0 : y),
-                x1: 0 - M,
-                x2: r + g.right,
-                label: lt(
-                  y < 0 ? 0 : y,
-                  "NA",
-                  I,
-                  w,
-                  D
-                ),
-                labelPos: {
-                  x: 0 - M,
-                  y: o(y < 0 ? 0 : y),
-                  dx: 0,
-                  dy: T < 0 ? "1em" : -5
-                },
-                classNames: {
-                  axis: m?.xAxis?.axis,
-                  label: m?.yAxis?.labels
-                },
-                styles: {
-                  axis: c?.xAxis?.axis,
-                  label: c?.yAxis?.labels
-                }
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              Gt,
-              {
-                x: 0 - M + 15,
-                y: v / 2,
-                style: c?.yAxis?.title,
-                className: m?.yAxis?.title,
-                text: _,
-                rotate90: !0
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i.jsx("g", { children: St.map((t, f) => /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
-            "text",
-            {
-              y: v,
-              x: e(t),
-              style: { textAnchor: "middle" },
-              className: "fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",
-              dy: 15,
-              children: Rt(t, s)
-            }
-          ) }, f)) }),
-          tt.filter((t) => t.position === "before").map((t) => t.layer),
-          /* @__PURE__ */ i.jsx(
-            d.path,
-            {
-              style: {
-                fill: wt
-              },
-              exit: { opacity: 0, transition: { duration: n.duration } },
-              variants: {
-                initial: { opacity: 0, d: It(a) || "" },
-                whileInView: {
-                  opacity: vt,
-                  d: It(a) || "",
-                  transition: { duration: n.duration }
-                }
-              },
-              initial: "initial",
-              animate: l ? "whileInView" : "initial"
-            }
-          ),
-          Y ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-            /* @__PURE__ */ i.jsx(
-              d.path,
-              {
-                style: {
-                  stroke: p[0],
-                  fill: "none",
-                  strokeWidth: Y
-                },
-                exit: { opacity: 0, transition: { duration: n.duration } },
-                variants: {
-                  initial: {
-                    pathLength: 0,
-                    d: Dt(a) || "",
-                    opacity: 1
-                  },
-                  whileInView: {
-                    pathLength: 1,
-                    d: Dt(a) || "",
-                    opacity: 1,
-                    transition: { duration: n.duration }
-                  }
-                },
-                initial: "initial",
-                animate: l ? "whileInView" : "initial"
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              d.path,
-              {
-                style: {
-                  stroke: p[1],
-                  fill: "none",
-                  strokeWidth: Y
-                },
-                exit: { opacity: 0, transition: { duration: n.duration } },
-                variants: {
-                  initial: {
-                    pathLength: 0,
-                    d: Nt(a) || "",
-                    opacity: 1
-                  },
-                  whileInView: {
-                    pathLength: 1,
-                    d: Nt(a) || "",
-                    opacity: 1,
-                    transition: { duration: n.duration }
-                  }
-                },
-                initial: "initial",
-                animate: l ? "whileInView" : "initial"
-              }
-            )
-          ] }) : null,
-          /* @__PURE__ */ i.jsx(
-            d.path,
-            {
-              style: {
-                stroke: L,
-                fill: "none",
-                strokeWidth: ut
-              },
-              exit: { opacity: 0, transition: { duration: n.duration } },
-              variants: {
-                initial: {
-                  pathLength: 0,
-                  d: Lt(a) || "",
-                  opacity: 1
-                },
-                whileInView: {
-                  pathLength: 1,
-                  d: Lt(a) || "",
-                  opacity: 1,
-                  transition: { duration: n.duration }
-                }
-              },
-              initial: "initial",
-              animate: l ? "whileInView" : "initial"
-            }
-          ),
-          k ? /* @__PURE__ */ i.jsx(
-            "line",
-            {
-              y1: 0,
-              y2: v,
-              x1: e(k.date),
-              x2: e(k.date),
-              className: B(
-                "undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",
-                m?.mouseOverLine
-              ),
-              style: c?.mouseOverLine
-            }
-          ) : null,
-          /* @__PURE__ */ i.jsx("g", { children: a.map((t, f) => /* @__PURE__ */ i.jsx(d.g, { children: j(t.y) ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-            $ ? /* @__PURE__ */ i.jsx(
-              d.circle,
-              {
-                r: r / a.length < 5 ? 0 : r / a.length < 20 ? 2 : 4,
-                style: { fill: L },
-                exit: { opacity: 0, transition: { duration: n.duration } },
-                variants: {
-                  initial: { opacity: 0, cx: e(t.date), cy: o(t.y) },
-                  whileInView: {
-                    opacity: 1,
-                    transition: {
-                      duration: x ? n.duration : 0.5,
-                      delay: x ? 0 : n.duration
-                    },
-                    cx: e(t.date),
-                    cy: o(t.y)
-                  }
-                },
-                initial: "initial",
-                animate: l ? "whileInView" : "initial"
-              }
-            ) : null,
-            ft ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-              /* @__PURE__ */ i.jsx(
-                d.circle,
-                {
-                  r: r / a.length < 5 ? 0 : r / a.length < 20 ? 2 : 4,
-                  exit: { opacity: 0, transition: { duration: n.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      fill: p[0],
-                      cx: e(t.date),
-                      cy: o(t.yMin)
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      transition: {
-                        duration: x ? n.duration : 0.5,
-                        delay: x ? 0 : n.duration
-                      },
-                      cx: e(t.date),
-                      cy: o(t.yMin),
-                      fill: p[0]
-                    }
-                  },
-                  initial: "initial",
-                  animate: l ? "whileInView" : "initial"
-                }
-              ),
-              /* @__PURE__ */ i.jsx(
-                d.circle,
-                {
-                  r: r / a.length < 5 ? 0 : r / a.length < 20 ? 2 : 4,
-                  exit: { opacity: 0, transition: { duration: n.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      fill: p[1],
-                      cx: e(t.date),
-                      cy: o(t.yMax)
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      fill: p[1],
-                      transition: {
-                        duration: x ? n.duration : 0.5,
-                        delay: x ? 0 : n.duration
-                      },
-                      cx: e(t.date),
-                      cy: o(t.yMax)
-                    }
-                  },
-                  initial: "initial",
-                  animate: l ? "whileInView" : "initial"
-                }
-              )
-            ] }) : null,
-            z ? /* @__PURE__ */ i.jsx(
-              d.text,
-              {
-                dy: -8,
-                style: {
-                  textAnchor: "middle",
-                  ...c?.graphObjectValues || {}
-                },
-                className: B(
-                  "graph-value text-xs font-bold",
-                  m?.graphObjectValues
-                ),
-                exit: { opacity: 0, transition: { duration: n.duration } },
-                variants: {
-                  initial: { opacity: 0, fill: L, x: e(t.date), y: o(t.y) },
-                  whileInView: {
-                    opacity: 1,
-                    x: e(t.date),
-                    fill: L,
-                    y: o(t.y),
-                    transition: {
-                      duration: x ? n.duration : 0.5,
-                      delay: x ? 0 : n.duration
-                    }
-                  }
-                },
-                initial: "initial",
-                animate: l ? "whileInView" : "initial",
-                children: lt(t.y, "NA", I, w, D)
-              }
-            ) : null,
-            dt ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-              /* @__PURE__ */ i.jsx(
-                d.text,
-                {
-                  dy: "1em",
-                  style: {
-                    textAnchor: "middle",
-                    ...c?.graphObjectValues || {}
-                  },
-                  className: B("text-xs font-bold", m?.graphObjectValues),
-                  exit: { opacity: 0, transition: { duration: n.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      fill: p[0],
-                      x: e(t.date),
-                      y: o(t.yMin)
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      x: e(t.date),
-                      y: o(t.yMin),
-                      fill: p[0],
-                      transition: {
-                        duration: x ? n.duration : 0.5,
-                        delay: x ? 0 : n.duration
-                      }
-                    }
-                  },
-                  initial: "initial",
-                  animate: l ? "whileInView" : "initial",
-                  children: lt(t.yMin, "NA", I, w, D)
-                }
-              ),
-              /* @__PURE__ */ i.jsx(
-                d.text,
-                {
-                  dy: -8,
-                  style: {
-                    textAnchor: "middle",
-                    ...c?.graphObjectValues || {}
-                  },
-                  className: B("text-xs font-bold", m?.graphObjectValues),
-                  exit: { opacity: 0, transition: { duration: n.duration } },
-                  variants: {
-                    initial: {
-                      opacity: 0,
-                      fill: p[1],
-                      x: e(t.date),
-                      y: o(t.yMax)
-                    },
-                    whileInView: {
-                      opacity: 1,
-                      fill: p[1],
-                      x: e(t.date),
-                      y: o(t.yMax),
-                      transition: {
-                        duration: x ? n.duration : 0.5,
-                        delay: x ? 0 : n.duration
-                      }
-                    }
-                  },
-                  initial: "initial",
-                  animate: l ? "whileInView" : "initial",
-                  children: lt(t.yMax, "NA", I, w, D)
-                }
-              )
-            ] }) : null
-          ] }) }, f)) }),
-          J ? /* @__PURE__ */ i.jsx(i.Fragment, { children: J.map((t, f) => /* @__PURE__ */ i.jsx(
-            zt,
-            {
-              text: t.text,
-              color: t.color,
-              y: o(t.value),
-              x1: 0 - M,
-              x2: r + g.right,
-              classNames: t.classNames,
-              styles: t.styles,
-              animate: n,
-              isInView: l
-            },
-            f
-          )) }) : null,
-          /* @__PURE__ */ i.jsx("g", { children: pt.map((t, f) => {
-            const O = Et(
-              {
-                x: t.xCoordinate ? e(u(`${t.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0),
-                y: t.yCoordinate ? o(t.yCoordinate) + (t.yOffset || 0) - 8 : 0 + (t.yOffset || 0) - 8
-              },
-              {
-                x: t.xCoordinate ? e(u(`${t.xCoordinate}`, s, /* @__PURE__ */ new Date())) : 0,
-                y: t.yCoordinate ? o(t.yCoordinate) : 0
-              },
-              j(t.connectorRadius) ? 3.5 : t.connectorRadius
-            ), st = t.showConnector ? {
-              y1: O.y,
-              x1: O.x,
-              y2: t.yCoordinate ? o(t.yCoordinate) + (t.yOffset || 0) : 0 + (t.yOffset || 0),
-              x2: t.xCoordinate ? e(u(`${t.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0),
-              cy: t.yCoordinate ? o(t.yCoordinate) : 0,
-              cx: t.xCoordinate ? e(u(`${t.xCoordinate}`, s, /* @__PURE__ */ new Date())) : 0,
-              circleRadius: j(t.connectorRadius) ? 3.5 : t.connectorRadius,
-              strokeWidth: t.showConnector === !0 ? 2 : Math.min(t.showConnector || 0, 1)
-            } : void 0, At = {
-              y: t.yCoordinate ? o(t.yCoordinate) + (t.yOffset || 0) - 8 : 0 + (t.yOffset || 0) - 8,
-              x: Z ? 0 : t.xCoordinate ? e(u(`${t.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0),
-              width: Z ? t.xCoordinate ? e(u(`${t.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0) : r + g.right - (t.xCoordinate ? e(u(`${t.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0)),
-              maxWidth: t.maxWidth,
-              fontWeight: t.fontWeight,
-              align: t.align
-            };
-            return /* @__PURE__ */ i.jsx(
-              Xt,
-              {
-                color: t.color,
-                connectorsSettings: st,
-                labelSettings: At,
-                text: t.text,
-                classNames: t.classNames,
-                styles: t.styles,
-                animate: n,
-                isInView: l
-              },
-              f
-            );
-          }) }),
-          /* @__PURE__ */ i.jsx("g", { children: H ? /* @__PURE__ */ i.jsx(
-            Ut,
-            {
-              x1: 0,
-              x2: r,
-              y1: $t(0),
-              y2: $t(r),
-              graphHeight: v,
-              graphWidth: r,
-              className: m?.regLine,
-              style: c?.regLine,
-              color: typeof H == "string" ? H : void 0,
-              animate: n,
-              isInView: l
-            }
-          ) : null }),
-          tt.filter((t) => t.position === "after").map((t) => t.layer),
-          /* @__PURE__ */ i.jsx(
-            "rect",
-            {
-              ref: C,
-              style: {
-                fill: "none",
-                pointerEvents: "all"
-              },
-              width: r,
-              height: v
-            }
-          )
-        ] })
+    ai(_.current).on("mousemove", e).on("mouseout", y);
+  }, [a, s, Ht]);
+  const Kt = Fe(s.filter(Ci).map((e) => [a(e.date), r(e.y)])), jt = He(Kt);
+  let A;
+  t[28] !== o || t[29] !== g || t[30] !== m || t[31] !== wt || t[32] !== c || t[33] !== a ? (A = /* @__PURE__ */ n.jsx(Ke, { areaSettings: wt, width: m, height: g, scale: a, animate: o, isInView: c }), t[28] = o, t[29] = g, t[30] = m, t[31] = wt, t[32] = c, t[33] = a, t[34] = A) : A = t[34];
+  const Ct = x?.yAxis?.gridLines, At = x?.yAxis?.labels;
+  let ot;
+  t[35] !== Ct || t[36] !== At ? (ot = {
+    gridLines: Ct,
+    labels: At
+  }, t[35] = Ct, t[36] = At, t[37] = ot) : ot = t[37];
+  const at = d?.yAxis?.gridLines, Ot = d?.yAxis?.labels;
+  let G;
+  t[38] !== at || t[39] !== Ot ? (G = {
+    gridLines: at,
+    labels: Ot
+  }, t[38] = at, t[39] = Ot, t[40] = G) : G = t[40];
+  const bt = r(w < 0 ? 0 : w), Lt = r(w < 0 ? 0 : w), Vt = 0 - S, Dt = m + v.right, kt = w < 0 ? 0 : w;
+  let D;
+  t[41] !== N || t[42] !== C || t[43] !== I || t[44] !== kt ? (D = Le(kt, "NA", N, C, I), t[41] = N, t[42] = C, t[43] = I, t[44] = kt, t[45] = D) : D = t[45];
+  const It = 0 - S, B = r(w < 0 ? 0 : w), me = X < 0 ? "1em" : -5;
+  let k;
+  t[46] !== It || t[47] !== B || t[48] !== me ? (k = {
+    x: It,
+    y: B,
+    dx: 0,
+    dy: me
+  }, t[46] = It, t[47] = B, t[48] = me, t[49] = k) : k = t[49];
+  const ue = d?.xAxis?.axis, St = d?.yAxis?.labels;
+  let z;
+  t[50] !== ue || t[51] !== St ? (z = {
+    axis: ue,
+    label: St
+  }, t[50] = ue, t[51] = St, t[52] = z) : z = t[52];
+  const st = x?.xAxis?.axis, rt = x?.yAxis?.labels;
+  let $;
+  t[53] !== st || t[54] !== rt ? ($ = {
+    axis: st,
+    label: rt
+  }, t[53] = st, t[54] = rt, t[55] = $) : $ = t[55];
+  let lt;
+  t[56] !== bt || t[57] !== Lt || t[58] !== Vt || t[59] !== Dt || t[60] !== D || t[61] !== k || t[62] !== z || t[63] !== $ ? (lt = /* @__PURE__ */ n.jsx(ze, { y1: bt, y2: Lt, x1: Vt, x2: Dt, label: D, labelPos: k, classNames: z, styles: $ }), t[56] = bt, t[57] = Lt, t[58] = Vt, t[59] = Dt, t[60] = D, t[61] = k, t[62] = z, t[63] = $, t[64] = lt) : lt = t[64];
+  const T = 0 - S + 15, W = g / 2, R = x?.yAxis?.title, ct = d?.yAxis?.title;
+  let Nt;
+  t[65] !== T || t[66] !== W || t[67] !== R || t[68] !== ct || t[69] !== pt ? (Nt = /* @__PURE__ */ n.jsx(Be, { x: T, y: W, style: R, className: ct, text: pt, rotate90: !0 }), t[65] = T, t[66] = W, t[67] = R, t[68] = ct, t[69] = pt, t[70] = Nt) : Nt = t[70];
+  let $t;
+  t[71] !== H ? ($t = H.filter(wi).map(vi), t[71] = H, t[72] = $t) : $t = t[72];
+  let pe;
+  t[73] !== Pt ? (pe = {
+    fill: Pt
+  }, t[73] = Pt, t[74] = pe) : pe = t[74];
+  let xe;
+  t[75] !== o.duration ? (xe = {
+    opacity: 0,
+    transition: {
+      duration: o.duration
+    }
+  }, t[75] = o.duration, t[76] = xe) : xe = t[76];
+  let de;
+  t[77] !== L || t[78] !== K ? (de = {
+    stroke: L,
+    fill: "none",
+    strokeWidth: K
+  }, t[77] = L, t[78] = K, t[79] = de) : de = t[79];
+  let ge;
+  t[80] !== o.duration ? (ge = {
+    opacity: 0,
+    transition: {
+      duration: o.duration
+    }
+  }, t[80] = o.duration, t[81] = ge) : ge = t[81];
+  const ke = s.map((e, y) => /* @__PURE__ */ n.jsx(O.g, { children: F(e.y) ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    ee ? /* @__PURE__ */ n.jsx(O.circle, { r: m / s.length < 5 ? 0 : m / s.length < 20 ? 2 : 4, style: {
+      fill: L
+    }, exit: {
+      opacity: 0,
+      transition: {
+        duration: o.duration
       }
-    ),
-    k && q && at && X ? /* @__PURE__ */ i.jsx(
-      Yt,
-      {
-        data: k,
-        body: q,
-        xPos: at,
-        yPos: X,
-        backgroundStyle: c?.tooltip,
-        className: m?.tooltip
+    }, variants: {
+      initial: {
+        opacity: 0,
+        cx: a(e.date),
+        cy: r(e.y)
+      },
+      whileInView: {
+        opacity: 1,
+        transition: {
+          duration: f ? o.duration : 0.5,
+          delay: f ? 0 : o.duration
+        },
+        cx: a(e.date),
+        cy: r(e.y)
       }
-    ) : null
+    }, initial: "initial", animate: c ? "whileInView" : "initial" }) : null,
+    ne ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(O.circle, { r: m / s.length < 5 ? 0 : m / s.length < 20 ? 2 : 4, exit: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          fill: M[0],
+          cx: a(e.date),
+          cy: r(e.yMin)
+        },
+        whileInView: {
+          opacity: 1,
+          transition: {
+            duration: f ? o.duration : 0.5,
+            delay: f ? 0 : o.duration
+          },
+          cx: a(e.date),
+          cy: r(e.yMin),
+          fill: M[0]
+        }
+      }, initial: "initial", animate: c ? "whileInView" : "initial" }),
+      /* @__PURE__ */ n.jsx(O.circle, { r: m / s.length < 5 ? 0 : m / s.length < 20 ? 2 : 4, exit: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          fill: M[1],
+          cx: a(e.date),
+          cy: r(e.yMax)
+        },
+        whileInView: {
+          opacity: 1,
+          fill: M[1],
+          transition: {
+            duration: f ? o.duration : 0.5,
+            delay: f ? 0 : o.duration
+          },
+          cx: a(e.date),
+          cy: r(e.yMax)
+        }
+      }, initial: "initial", animate: c ? "whileInView" : "initial" })
+    ] }) : null,
+    Wt ? /* @__PURE__ */ n.jsx(O.text, { dy: -8, style: {
+      textAnchor: "middle",
+      ...x?.graphObjectValues || {}
+    }, className: be("graph-value text-xs font-bold", d?.graphObjectValues), exit: {
+      opacity: 0,
+      transition: {
+        duration: o.duration
+      }
+    }, variants: {
+      initial: {
+        opacity: 0,
+        fill: L,
+        x: a(e.date),
+        y: r(e.y)
+      },
+      whileInView: {
+        opacity: 1,
+        x: a(e.date),
+        fill: L,
+        y: r(e.y),
+        transition: {
+          duration: f ? o.duration : 0.5,
+          delay: f ? 0 : o.duration
+        }
+      }
+    }, initial: "initial", animate: c ? "whileInView" : "initial", children: Le(e.y, "NA", N, C, I) }) : null,
+    he ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(O.text, { dy: "1em", style: {
+        textAnchor: "middle",
+        ...x?.graphObjectValues || {}
+      }, className: be("text-xs font-bold", d?.graphObjectValues), exit: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          fill: M[0],
+          x: a(e.date),
+          y: r(e.yMin)
+        },
+        whileInView: {
+          opacity: 1,
+          x: a(e.date),
+          y: r(e.yMin),
+          fill: M[0],
+          transition: {
+            duration: f ? o.duration : 0.5,
+            delay: f ? 0 : o.duration
+          }
+        }
+      }, initial: "initial", animate: c ? "whileInView" : "initial", children: Le(e.yMin, "NA", N, C, I) }),
+      /* @__PURE__ */ n.jsx(O.text, { dy: -8, style: {
+        textAnchor: "middle",
+        ...x?.graphObjectValues || {}
+      }, className: be("text-xs font-bold", d?.graphObjectValues), exit: {
+        opacity: 0,
+        transition: {
+          duration: o.duration
+        }
+      }, variants: {
+        initial: {
+          opacity: 0,
+          fill: M[1],
+          x: a(e.date),
+          y: r(e.yMax)
+        },
+        whileInView: {
+          opacity: 1,
+          fill: M[1],
+          x: a(e.date),
+          y: r(e.yMax),
+          transition: {
+            duration: f ? o.duration : 0.5,
+            delay: f ? 0 : o.duration
+          }
+        }
+      }, initial: "initial", animate: c ? "whileInView" : "initial", children: Le(e.yMax, "NA", N, C, I) })
+    ] }) : null
+  ] }) }, y));
+  let ve;
+  t[82] !== ke ? (ve = /* @__PURE__ */ n.jsx("g", { children: ke }), t[82] = ke, t[83] = ve) : ve = t[83];
+  const Ie = ie.map((e, y) => {
+    const U = Ee({
+      x: e.xCoordinate ? a(j(`${e.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+      y: e.yCoordinate ? r(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
+    }, {
+      x: e.xCoordinate ? a(j(`${e.xCoordinate}`, l, /* @__PURE__ */ new Date())) : 0,
+      y: e.yCoordinate ? r(e.yCoordinate) : 0
+    }, F(e.connectorRadius) ? 3.5 : e.connectorRadius), Qt = e.showConnector ? {
+      y1: U.y,
+      x1: U.x,
+      y2: e.yCoordinate ? r(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
+      x2: e.xCoordinate ? a(j(`${e.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+      cy: e.yCoordinate ? r(e.yCoordinate) : 0,
+      cx: e.xCoordinate ? a(j(`${e.xCoordinate}`, l, /* @__PURE__ */ new Date())) : 0,
+      circleRadius: F(e.connectorRadius) ? 3.5 : e.connectorRadius,
+      strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
+    } : void 0, We = {
+      y: e.yCoordinate ? r(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
+      x: ft ? 0 : e.xCoordinate ? a(j(`${e.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+      width: ft ? e.xCoordinate ? a(j(`${e.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : m + v.right - (e.xCoordinate ? a(j(`${e.xCoordinate}`, l, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+      maxWidth: e.maxWidth,
+      fontWeight: e.fontWeight,
+      align: e.align
+    };
+    return /* @__PURE__ */ n.jsx(Xe, { color: e.color, connectorsSettings: Qt, labelSettings: We, text: e.text, classNames: e.classNames, styles: e.styles, animate: o, isInView: c }, y);
+  });
+  let we;
+  t[84] !== Ie ? (we = /* @__PURE__ */ n.jsx("g", { children: Ie }), t[84] = Ie, t[85] = we) : we = t[85];
+  const Se = yt ? /* @__PURE__ */ n.jsx(qe, { x1: 0, x2: m, y1: jt(0), y2: jt(m), graphHeight: g, graphWidth: m, className: d?.regLine, style: x?.regLine, color: typeof yt == "string" ? yt : void 0, animate: o, isInView: c }) : null;
+  let Me;
+  t[86] !== Se ? (Me = /* @__PURE__ */ n.jsx("g", { children: Se }), t[86] = Se, t[87] = Me) : Me = t[87];
+  let je;
+  t[88] !== H ? (je = H.filter(gi).map(di), t[88] = H, t[89] = je) : je = t[89];
+  let Ce;
+  t[90] === Symbol.for("react.memo_cache_sentinel") ? (Ce = {
+    fill: "none",
+    pointerEvents: "all"
+  }, t[90] = Ce) : Ce = t[90];
+  let Ae;
+  t[91] !== _ || t[92] !== g || t[93] !== m ? (Ae = /* @__PURE__ */ n.jsx("rect", { ref: _, style: Ce, width: m, height: g }), t[91] = _, t[92] = g, t[93] = m, t[94] = Ae) : Ae = t[94];
+  let Oe;
+  return t[95] !== d?.tooltip || t[96] !== P || t[97] !== u || t[98] !== V || t[99] !== x?.tooltip || t[100] !== J ? (Oe = V && J && P && u ? /* @__PURE__ */ n.jsx(Pe, { data: V, body: J, xPos: P, yPos: u, backgroundStyle: x?.tooltip, className: d?.tooltip }) : null, t[95] = d?.tooltip, t[96] = P, t[97] = u, t[98] = V, t[99] = x?.tooltip, t[100] = J, t[101] = Oe) : Oe = t[101], /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(O.svg, { width: `${q}px`, height: `${Tt}px`, viewBox: `0 0 ${q} ${Tt}`, direction: "ltr", ref: dt, children: /* @__PURE__ */ n.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
+      A,
+      /* @__PURE__ */ n.jsx(Ge, { areaSettings: le, scaleX: a, scaleY: r, animate: o, isInView: c }),
+      /* @__PURE__ */ n.jsxs("g", { children: [
+        /* @__PURE__ */ n.jsx(Je, { values: qt.filter(ji), y: qt.filter(Mi).map((e) => r(e)), x1: 0 - S, x2: m + v.right, styles: ot, classNames: G, suffix: I, prefix: C, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: N }),
+        lt,
+        Nt
+      ] }),
+      /* @__PURE__ */ n.jsx("g", { children: Jt.map((e, y) => /* @__PURE__ */ n.jsx("g", { children: /* @__PURE__ */ n.jsx("text", { y: g, x: a(e), style: {
+        textAnchor: "middle"
+      }, className: "fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", dy: 15, children: Re(e, l) }) }, y)) }),
+      $t,
+      /* @__PURE__ */ n.jsx(O.path, { style: pe, exit: xe, variants: {
+        initial: {
+          opacity: 0,
+          d: Ut(s) || ""
+        },
+        whileInView: {
+          opacity: Et,
+          d: Ut(s) || "",
+          transition: {
+            duration: o.duration
+          }
+        }
+      }, initial: "initial", animate: c ? "whileInView" : "initial" }),
+      Yt ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        /* @__PURE__ */ n.jsx(O.path, { style: {
+          stroke: M[0],
+          fill: "none",
+          strokeWidth: Yt
+        }, exit: {
+          opacity: 0,
+          transition: {
+            duration: o.duration
+          }
+        }, variants: {
+          initial: {
+            pathLength: 0,
+            d: Mt(s) || "",
+            opacity: 1
+          },
+          whileInView: {
+            pathLength: 1,
+            d: Mt(s) || "",
+            opacity: 1,
+            transition: {
+              duration: o.duration
+            }
+          }
+        }, initial: "initial", animate: c ? "whileInView" : "initial" }),
+        /* @__PURE__ */ n.jsx(O.path, { style: {
+          stroke: M[1],
+          fill: "none",
+          strokeWidth: Yt
+        }, exit: {
+          opacity: 0,
+          transition: {
+            duration: o.duration
+          }
+        }, variants: {
+          initial: {
+            pathLength: 0,
+            d: zt(s) || "",
+            opacity: 1
+          },
+          whileInView: {
+            pathLength: 1,
+            d: zt(s) || "",
+            opacity: 1,
+            transition: {
+              duration: o.duration
+            }
+          }
+        }, initial: "initial", animate: c ? "whileInView" : "initial" })
+      ] }) : null,
+      /* @__PURE__ */ n.jsx(O.path, { style: de, exit: ge, variants: {
+        initial: {
+          pathLength: 0,
+          d: Bt(s) || "",
+          opacity: 1
+        },
+        whileInView: {
+          pathLength: 1,
+          d: Bt(s) || "",
+          opacity: 1,
+          transition: {
+            duration: o.duration
+          }
+        }
+      }, initial: "initial", animate: c ? "whileInView" : "initial" }),
+      V ? /* @__PURE__ */ n.jsx("line", { y1: 0, y2: g, x1: a(V.date), x2: a(V.date), className: be("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100", d?.mouseOverLine), style: x?.mouseOverLine }) : null,
+      ve,
+      _t ? /* @__PURE__ */ n.jsx(n.Fragment, { children: _t.map((e, y) => /* @__PURE__ */ n.jsx(Ue, { text: e.text, color: e.color, y: r(e.value), x1: 0 - S, x2: m + v.right, classNames: e.classNames, styles: e.styles, animate: o, isInView: c }, y)) }) : null,
+      we,
+      Me,
+      je,
+      Ae
+    ] }) }),
+    Oe
   ] });
 }
-function Xi(xt) {
-  const {
-    data: V,
-    graphTitle: b,
-    suffix: W = "",
+function di(i) {
+  return i.layer;
+}
+function gi(i) {
+  return i.position === "after";
+}
+function vi(i) {
+  return i.layer;
+}
+function wi(i) {
+  return i.position === "before";
+}
+function Mi(i) {
+  return i !== 0;
+}
+function ji(i) {
+  return i !== 0;
+}
+function Ci(i) {
+  return !F(i.date) && !F(i.y);
+}
+function Ai(i) {
+  return i.date;
+}
+function Oi(i) {
+  return Math.max(i.y, i.yMax, i.yMin);
+}
+function bi(i) {
+  return Math.max(i.y, i.yMax, i.yMin);
+}
+function Li(i) {
+  return Math.min(i.y, i.yMax, i.yMin);
+}
+function Vi(i) {
+  return Math.min(i.y, i.yMax, i.yMin);
+}
+function Di(i) {
+  return Math.min(i.y, i.yMax, i.yMin);
+}
+function ki(i) {
+  return !F(i.y);
+}
+function pn(i) {
+  const t = Te.c(95), {
+    data: b,
+    graphTitle: q,
+    suffix: Tt,
     sources: L,
-    prefix: D = "",
-    graphDescription: w,
-    height: s,
-    width: h,
-    footNote: z,
-    noOfXTicks: ht = 10,
-    dateFormat: yt = "yyyy",
-    showValues: M = !1,
-    backgroundColor: A = !1,
-    padding: U,
-    lineColor: q,
-    leftMargin: F = 30,
-    rightMargin: J = 30,
-    topMargin: K = 20,
-    bottomMargin: Q = 25,
-    tooltip: n,
-    refValues: Z = [],
-    highlightAreaSettings: ut = [],
-    relativeHeight: $,
-    onSeriesMouseOver: pt,
-    graphID: gt,
-    minValue: H,
-    maxValue: ft,
-    regressionLine: dt = !1,
-    showIntervalDots: Y = !1,
-    showIntervalValues: p = !1,
-    intervalLineStrokeWidth: wt = 0,
-    intervalLineColors: vt = [ct.light.grays["gray-500"], ct.light.grays["gray-500"]],
-    intervalAreaColor: _ = ct.primaryColors["blue-100"],
-    intervalAreaOpacity: jt = 0.4,
-    graphDownload: P = !1,
-    dataDownload: E = !1,
-    animate: N = !1,
-    language: c = "en",
-    minHeight: m = 0,
-    strokeWidth: I = 2,
-    showDots: tt = !0,
-    annotations: it = [],
-    customHighlightAreaSettings: l = [],
-    theme: x = "light",
-    ariaLabel: Mt,
-    yAxisTitle: S,
-    noOfYTicks: k = 5,
-    minDate: et,
-    maxDate: at,
-    colorLegendTitle: nt,
-    colorLegendColors: X,
-    colorLegendDomain: G,
-    curveType: g = "curve",
-    styles: C,
-    classNames: a,
-    precision: Ct = 2,
-    customLayers: bt = []
-  } = xt, [r, v] = R(0), [ot, rt] = R(0), y = mt(null), T = mt(null);
-  return Vt(() => {
-    const e = new ResizeObserver((o) => {
-      v(h || o[0].target.clientWidth || 620), rt(s || o[0].target.clientHeight || 480);
+    prefix: I,
+    graphDescription: C,
+    height: l,
+    width: p,
+    footNote: Wt,
+    noOfXTicks: fe,
+    dateFormat: Rt,
+    showValues: S,
+    backgroundColor: Ft,
+    padding: mt,
+    lineColor: J,
+    leftMargin: Ht,
+    rightMargin: _t,
+    topMargin: te,
+    bottomMargin: ut,
+    tooltip: o,
+    refValues: ft,
+    highlightAreaSettings: K,
+    relativeHeight: ee,
+    onSeriesMouseOver: ie,
+    graphID: ht,
+    minValue: yt,
+    maxValue: ne,
+    regressionLine: he,
+    showIntervalDots: Yt,
+    showIntervalValues: M,
+    intervalLineStrokeWidth: Pt,
+    intervalLineColors: Et,
+    intervalAreaColor: pt,
+    intervalAreaOpacity: ye,
+    graphDownload: oe,
+    dataDownload: ae,
+    animate: xt,
+    language: x,
+    minHeight: d,
+    strokeWidth: N,
+    showDots: H,
+    annotations: dt,
+    customHighlightAreaSettings: Y,
+    theme: c,
+    ariaLabel: f,
+    yAxisTitle: se,
+    noOfYTicks: gt,
+    minDate: Q,
+    maxDate: Z,
+    colorLegendTitle: V,
+    colorLegendColors: vt,
+    colorLegendDomain: P,
+    curveType: re,
+    styles: u,
+    classNames: h,
+    precision: Xt,
+    customLayers: E
+  } = i, v = Tt === void 0 ? "" : Tt, _ = I === void 0 ? "" : I, tt = fe === void 0 ? 10 : fe, s = Rt === void 0 ? "yyyy" : Rt, et = S === void 0 ? !1 : S, wt = Ft === void 0 ? !1 : Ft, it = Ht === void 0 ? 30 : Ht, le = _t === void 0 ? 30 : _t, m = te === void 0 ? 20 : te, g = ut === void 0 ? 25 : ut;
+  let Gt;
+  t[0] !== ft ? (Gt = ft === void 0 ? [] : ft, t[0] = ft, t[1] = Gt) : Gt = t[1];
+  const ce = Gt;
+  let w;
+  t[2] !== K ? (w = K === void 0 ? [] : K, t[2] = K, t[3] = w) : w = t[3];
+  const X = w, a = he === void 0 ? !1 : he, nt = Yt === void 0 ? !1 : Yt, r = M === void 0 ? !1 : M, Bt = Pt === void 0 ? 0 : Pt;
+  let Mt;
+  t[4] !== Et ? (Mt = Et === void 0 ? [Ve.light.grays["gray-500"], Ve.light.grays["gray-500"]] : Et, t[4] = Et, t[5] = Mt) : Mt = t[5];
+  const zt = Mt, Ut = pt === void 0 ? Ve.primaryColors["blue-100"] : pt, qt = ye === void 0 ? 0.4 : ye, Jt = oe === void 0 ? !1 : oe, Kt = ae === void 0 ? !1 : ae, jt = xt === void 0 ? !1 : xt, A = x === void 0 ? "en" : x, Ct = d === void 0 ? 0 : d, At = N === void 0 ? 2 : N, ot = H === void 0 ? !0 : H;
+  let at;
+  t[6] !== dt ? (at = dt === void 0 ? [] : dt, t[6] = dt, t[7] = at) : at = t[7];
+  const Ot = at;
+  let G;
+  t[8] !== Y ? (G = Y === void 0 ? [] : Y, t[8] = Y, t[9] = G) : G = t[9];
+  const bt = G, Lt = c === void 0 ? "light" : c, Vt = gt === void 0 ? 5 : gt, Dt = re === void 0 ? "curve" : re, kt = Xt === void 0 ? 2 : Xt;
+  let D;
+  t[10] !== E ? (D = E === void 0 ? [] : E, t[10] = E, t[11] = D) : D = t[11];
+  const It = D, [B, me] = Zt(0), [k, ue] = Zt(0), St = De(null), z = De(null);
+  let st, rt;
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? (st = () => {
+    const Nt = new ResizeObserver(($t) => {
+      me($t[0].target.clientWidth || 620), ue($t[0].target.clientHeight || 480);
     });
-    return y.current && (rt(y.current.clientHeight || 480), v(y.current.clientWidth || 620), h || e.observe(y.current)), () => e.disconnect();
-  }, [h, s]), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: `${x || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
-      dir: c === "he" || c === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ i.jsx(
-        "div",
-        {
-          className: B(
-            `${A ? A === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${c || "en"}`,
-            h ? "w-fit" : "w-full",
-            a?.graphContainer
-          ),
-          style: {
-            ...C?.graphContainer || {},
-            ...A && A !== !0 ? { backgroundColor: A } : {}
-          },
-          id: gt,
-          ref: T,
-          "aria-label": Mt || `${b ? `The graph shows ${b}. ` : ""}This is a line chart that highlights the difference between two datasets over time.${w ? ` ${w}` : ""}`,
-          children: /* @__PURE__ */ i.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: A ? U || "1rem" : U || 0 },
-              children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                b || w || P || E ? /* @__PURE__ */ i.jsx(
-                  ci,
-                  {
-                    styles: {
-                      title: C?.title,
-                      description: C?.description
-                    },
-                    classNames: {
-                      title: a?.title,
-                      description: a?.description
-                    },
-                    graphTitle: b,
-                    graphDescription: w,
-                    width: h,
-                    graphDownload: P ? T.current : void 0,
-                    dataDownload: E ? V.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? V.map((e) => e.data).filter((e) => e !== void 0) : V.filter((e) => e !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: V.length === 0 ? /* @__PURE__ */ i.jsx(xi, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                  X && G ? /* @__PURE__ */ i.jsx(
-                    mi,
-                    {
-                      width: h,
-                      colorLegendTitle: nt,
-                      colors: X,
-                      colorDomain: G,
-                      showNAColor: !1
-                    }
-                  ) : null,
-                  /* @__PURE__ */ i.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center leading-0",
-                      ref: y,
-                      "aria-label": "Graph area",
-                      children: (h || r) && (s || ot) ? /* @__PURE__ */ i.jsx(
-                        hi,
-                        {
-                          data: V,
-                          lineColor: q || ct.primaryColors["blue-600"],
-                          width: h || r,
-                          height: Math.max(
-                            m,
-                            s || ($ ? m ? (h || r) * $ > m ? (h || r) * $ : m : (h || r) * $ : ot)
-                          ),
-                          suffix: W,
-                          prefix: D,
-                          dateFormat: yt,
-                          showValues: M,
-                          noOfXTicks: ht,
-                          leftMargin: F,
-                          rightMargin: J,
-                          topMargin: K,
-                          bottomMargin: Q,
-                          tooltip: n,
-                          highlightAreaSettings: ut,
-                          onSeriesMouseOver: pt,
-                          refValues: Z,
-                          minValue: H,
-                          maxValue: ft,
-                          animate: N === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : N || { duration: 0, once: !0, amount: 0 },
-                          rtl: c === "he" || c === "ar",
-                          strokeWidth: I,
-                          showDots: tt,
-                          annotations: it,
-                          customHighlightAreaSettings: l,
-                          regressionLine: dt,
-                          showIntervalDots: Y,
-                          showIntervalValues: p,
-                          intervalLineStrokeWidth: wt,
-                          intervalLineColors: vt,
-                          intervalAreaColor: _,
-                          intervalAreaOpacity: jt,
-                          yAxisTitle: S,
-                          noOfYTicks: k,
-                          minDate: et,
-                          maxDate: at,
-                          curveType: g,
-                          styles: C,
-                          classNames: a,
-                          precision: Ct,
-                          customLayers: bt
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                L || z ? /* @__PURE__ */ i.jsx(
-                  li,
-                  {
-                    styles: { footnote: C?.footnote, source: C?.source },
-                    classNames: {
-                      footnote: a?.footnote,
-                      source: a?.source
-                    },
-                    sources: L,
-                    footNote: z,
-                    width: h
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    return St.current && Nt.observe(St.current), () => Nt.disconnect();
+  }, rt = [], t[12] = st, t[13] = rt) : (st = t[12], rt = t[13]), $e(st, rt);
+  const $ = h?.graphContainer, lt = u?.graphContainer;
+  let T;
+  t[14] !== h?.description || t[15] !== h?.title || t[16] !== b || t[17] !== Kt || t[18] !== C || t[19] !== Jt || t[20] !== q || t[21] !== u?.description || t[22] !== u?.title || t[23] !== p ? (T = q || C || Jt || Kt ? /* @__PURE__ */ n.jsx(mi, { styles: {
+    title: u?.title,
+    description: u?.description
+  }, classNames: {
+    title: h?.title,
+    description: h?.description
+  }, graphTitle: q, graphDescription: C, width: p, graphDownload: Jt ? z : void 0, dataDownload: Kt ? b.map(Ti).filter($i).length > 0 ? b.map(Ni).filter(Si) : b.filter(Ii) : null }) : null, t[14] = h?.description, t[15] = h?.title, t[16] = b, t[17] = Kt, t[18] = C, t[19] = Jt, t[20] = q, t[21] = u?.description, t[22] = u?.title, t[23] = p, t[24] = T) : T = t[24];
+  let W;
+  t[25] !== jt || t[26] !== Ot || t[27] !== g || t[28] !== h || t[29] !== vt || t[30] !== P || t[31] !== V || t[32] !== Dt || t[33] !== bt || t[34] !== It || t[35] !== b || t[36] !== s || t[37] !== X || t[38] !== Ut || t[39] !== qt || t[40] !== zt || t[41] !== Bt || t[42] !== A || t[43] !== it || t[44] !== J || t[45] !== Z || t[46] !== ne || t[47] !== Q || t[48] !== yt || t[49] !== tt || t[50] !== Vt || t[51] !== ie || t[52] !== kt || t[53] !== _ || t[54] !== ce || t[55] !== a || t[56] !== le || t[57] !== ot || t[58] !== nt || t[59] !== r || t[60] !== et || t[61] !== At || t[62] !== u || t[63] !== v || t[64] !== k || t[65] !== B || t[66] !== o || t[67] !== m || t[68] !== p || t[69] !== se ? (W = b.length === 0 ? /* @__PURE__ */ n.jsx(fi, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    vt && P ? /* @__PURE__ */ n.jsx(ui, { width: p, colorLegendTitle: V, colors: vt, colorDomain: P, showNAColor: !1, className: h?.colorLegend }) : null,
+    /* @__PURE__ */ n.jsx(hi, { ref: St, children: B && k ? /* @__PURE__ */ n.jsx(xi, { data: b, lineColor: J || Ve.primaryColors["blue-600"], width: B, height: k, suffix: v, prefix: _, dateFormat: s, showValues: et, noOfXTicks: tt ?? pi(B), leftMargin: it, rightMargin: le, topMargin: m, bottomMargin: g, tooltip: o, highlightAreaSettings: X, onSeriesMouseOver: ie, refValues: ce, minValue: yt, maxValue: ne, animate: jt === !0 ? {
+      duration: 0.5,
+      once: !0,
+      amount: 0.5
+    } : jt || {
+      duration: 0,
+      once: !0,
+      amount: 0
+    }, rtl: A === "he" || A === "ar", strokeWidth: At, showDots: ot, annotations: Ot, customHighlightAreaSettings: bt, regressionLine: a, showIntervalDots: nt, showIntervalValues: r, intervalLineStrokeWidth: Bt, intervalLineColors: zt, intervalAreaColor: Ut, intervalAreaOpacity: qt, yAxisTitle: se, noOfYTicks: Vt, minDate: Q, maxDate: Z, curveType: Dt, styles: u, classNames: h, precision: kt, customLayers: It }) : null })
+  ] }), t[25] = jt, t[26] = Ot, t[27] = g, t[28] = h, t[29] = vt, t[30] = P, t[31] = V, t[32] = Dt, t[33] = bt, t[34] = It, t[35] = b, t[36] = s, t[37] = X, t[38] = Ut, t[39] = qt, t[40] = zt, t[41] = Bt, t[42] = A, t[43] = it, t[44] = J, t[45] = Z, t[46] = ne, t[47] = Q, t[48] = yt, t[49] = tt, t[50] = Vt, t[51] = ie, t[52] = kt, t[53] = _, t[54] = ce, t[55] = a, t[56] = le, t[57] = ot, t[58] = nt, t[59] = r, t[60] = et, t[61] = At, t[62] = u, t[63] = v, t[64] = k, t[65] = B, t[66] = o, t[67] = m, t[68] = p, t[69] = se, t[70] = W) : W = t[70];
+  let R;
+  t[71] !== h?.footnote || t[72] !== h?.source || t[73] !== Wt || t[74] !== L || t[75] !== u?.footnote || t[76] !== u?.source || t[77] !== p ? (R = L || Wt ? /* @__PURE__ */ n.jsx(ci, { styles: {
+    footnote: u?.footnote,
+    source: u?.source
+  }, classNames: {
+    footnote: h?.footnote,
+    source: h?.source
+  }, sources: L, footNote: Wt, width: p }) : null, t[71] = h?.footnote, t[72] = h?.source, t[73] = Wt, t[74] = L, t[75] = u?.footnote, t[76] = u?.source, t[77] = p, t[78] = R) : R = t[78];
+  let ct;
+  return t[79] !== f || t[80] !== wt || t[81] !== ht || t[82] !== l || t[83] !== A || t[84] !== Ct || t[85] !== mt || t[86] !== ee || t[87] !== $ || t[88] !== lt || t[89] !== T || t[90] !== W || t[91] !== R || t[92] !== Lt || t[93] !== p ? (ct = /* @__PURE__ */ n.jsxs(yi, { className: $, style: lt, id: ht, ref: z, "aria-label": f, backgroundColor: wt, theme: Lt, language: A, minHeight: Ct, width: p, height: l, relativeHeight: ee, padding: mt, children: [
+    T,
+    W,
+    R
+  ] }), t[79] = f, t[80] = wt, t[81] = ht, t[82] = l, t[83] = A, t[84] = Ct, t[85] = mt, t[86] = ee, t[87] = $, t[88] = lt, t[89] = T, t[90] = W, t[91] = R, t[92] = Lt, t[93] = p, t[94] = ct) : ct = t[94], ct;
+}
+function Ii(i) {
+  return i !== void 0;
+}
+function Si(i) {
+  return i !== void 0;
+}
+function Ni(i) {
+  return i.data;
+}
+function $i(i) {
+  return i !== void 0;
+}
+function Ti(i) {
+  return i.data;
 }
 export {
-  Xi as LineChartWithConfidenceInterval
+  pn as LineChartWithConfidenceInterval
 };
 //# sourceMappingURL=LineChartWithConfidenceInterval.js.map