@undp/data-viz 1.5.8 → 2.0.0

package/dist/SimpleLineChart.js

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