@undp/data-viz 1.5.9 → 2.0.1

package/dist/MultiLineAltChart.js

@@ -1,681 +1,604 @@
-import { j as t, m as xe } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as ge, useState as G, useEffect as $e } from "react";
-import { p as u, f as Ve } from "./parse-DlCRUFh_.js";
-import { o as Te } from "./index-DvVprvy6.js";
-import { n as Se } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as He } from "./Tooltip-6LIdPQGC.js";
-import { c as x } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as We, g as Ie, A as Re } from "./customArea-x4L4xwLl.js";
-import { A as Ye } from "./AxisTitle-v6_xcXZ-.js";
-import { A as Fe } from "./Axis-4gUOL8B7.js";
-import { X as Xe } from "./XTicksAndGridLines-DuydSnZ_.js";
-import { R as Pe } from "./ReferenceLine-CPMaAX0r.js";
-import { Y as Ee } from "./YTicksAndGridLines-7t4MKtGw.js";
-import { H as Ge } from "./index-Bw_eHBVN.js";
-import { Colors as D } from "./Colors.js";
-import { u as ue } from "./uniqBy-BHy4I8PK.js";
-import { s as Be } from "./sort-DfK1b0F5.js";
-import { c as ze, a as qe } from "./init-BhZylTFx.js";
-import { t as Ue } from "./time-BzJP5SPC.js";
-import { a as Je } from "./linear-DUdu7l2G.js";
-import { D as Ke } from "./delaunay-C1uAf38t.js";
-import { l as Qe, c as Ze } from "./line-CPfhohvF.js";
-import { c as _e, s as et, a as tt, m as it } from "./step-BrDul-H4.js";
-import { s as ot } from "./select-DKy99ogv.js";
-import { p as at } from "./pointer-CWRWOsrb.js";
-import { u as rt } from "./use-in-view-DR-UTB96.js";
-import { m as E } from "./proxy-BYIC9BuT.js";
-import { GraphFooter as nt } from "./GraphFooter.js";
-import { GraphHeader as st } from "./GraphHeader.js";
-import { E as lt } from "./EmptyState-36lXXyui.js";
-import { ColorLegendWithMouseOver as ct } from "./ColorLegendWithMouseOver.js";
-function mt(pe) {
-  const {
-    data: r,
-    width: S,
-    height: K,
-    lineColors: a,
-    dateFormat: f,
-    noOfXTicks: ye,
-    rightMargin: _,
-    topMargin: de,
-    bottomMargin: B,
-    suffix: L,
-    prefix: h,
+import { c as He, m as Se, j as r } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as De, useState as It, useEffect as Te } from "react";
+import { p as A, f as Xe } from "./parse-DlCRUFh_.js";
+import { o as Ne } from "./index-BZQYSqar.js";
+import { n as Ve } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Ge } from "./Tooltip-CwWUegPB.js";
+import { c as v } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { C as Ee, g as Pe, A as Be } from "./customArea-BUhPiPT6.js";
+import { A as ze } from "./AxisTitle-jeI7am8o.js";
+import { A as qe } from "./Axis-CRyfcLjc.js";
+import { X as Ue } from "./XTicksAndGridLines-CObVFSm4.js";
+import { a as Je } from "./ReferenceLine-2XCwHXQ4.js";
+import { Y as Ke } from "./YTicksAndGridLines-Blepl7XF.js";
+import { H as Qe } from "./index-SKgJALZg.js";
+import { Colors as X } from "./Colors.js";
+import { u as je } from "./uniqBy-BHy4I8PK.js";
+import { s as Ze } from "./sort-BIvMlUH1.js";
+import { t as _e } from "./time-DCCfQk3V.js";
+import { a as to } from "./linear-BwnDd9KF.js";
+import { D as eo } from "./delaunay-C1uAf38t.js";
+import { l as oo, c as io } from "./line-CPfhohvF.js";
+import { c as no, s as ro, a as so, m as ao } from "./step-BrDul-H4.js";
+import { s as lo } from "./select-DKy99ogv.js";
+import { a as co, c as fo } from "./init-BJFW6EwE.js";
+import { p as mo } from "./pointer-CWRWOsrb.js";
+import { u as uo } from "./use-in-view-Cxa7y1TH.js";
+import { m as Ft } from "./proxy-BxkFHwUw.js";
+import { GraphFooter as po } from "./GraphFooter.js";
+import { GraphHeader as ho } from "./GraphHeader.js";
+import { E as go } from "./EmptyState-BZo1BbAn.js";
+import { ColorLegendWithMouseOver as xo } from "./ColorLegendWithMouseOver.js";
+import { a as yo, G as vo } from "./GraphContainer-CRqzdKu2.js";
+import { g as bo } from "./getNoOfTicks-CpmRjcRF.js";
+function wo(o) {
+  const t = He.c(128), {
+    data: f,
+    width: _,
+    height: Rt,
+    lineColors: m,
+    dateFormat: n,
+    noOfXTicks: pe,
+    rightMargin: tt,
+    topMargin: Xt,
+    bottomMargin: et,
+    suffix: W,
+    prefix: x,
     leftMargin: O,
-    tooltip: ee,
-    onSeriesMouseOver: W,
-    refValues: Q,
-    highlightAreaSettings: k,
-    minValue: z,
-    maxValue: te,
-    highlightedLines: $,
-    animate: n,
-    rtl: ie,
-    strokeWidth: M,
-    showDots: q,
-    annotations: we,
-    customHighlightAreaSettings: ve,
-    yAxisTitle: oe,
-    noOfYTicks: be,
-    minDate: ae,
-    maxDate: re,
-    curveType: U,
-    styles: C,
-    colorDomain: p,
-    selectedColor: I,
-    classNames: y,
-    showLabels: R,
-    dimmedOpacity: j,
-    precision: N,
-    naLabel: Ce,
-    customLayers: ne
-  } = pe, se = ge(null), d = rt(se, {
-    once: n.once,
-    amount: n.amount
-  }), [A, Oe] = G(!1);
-  $e(() => {
-    if (d && !A) {
-      const e = setTimeout(
-        () => {
-          Oe(!0);
-        },
-        (n.duration + 0.5) * 1e3
-      );
+    tooltip: dt,
+    onSeriesMouseOver: ot,
+    refValues: it,
+    highlightAreaSettings: Gt,
+    minValue: G,
+    maxValue: yt,
+    highlightedLines: Y,
+    animate: s,
+    rtl: E,
+    strokeWidth: S,
+    showDots: ie,
+    annotations: vt,
+    customHighlightAreaSettings: Et,
+    yAxisTitle: P,
+    noOfYTicks: Pt,
+    minDate: Bt,
+    maxDate: zt,
+    curveType: nt,
+    styles: b,
+    colorDomain: L,
+    selectedColor: bt,
+    classNames: C,
+    showLabels: he,
+    dimmedOpacity: M,
+    precision: B,
+    naLabel: ge,
+    customLayers: z
+  } = o, wt = De(null);
+  let q;
+  t[0] !== s.amount || t[1] !== s.once ? (q = {
+    once: s.once,
+    amount: s.amount
+  }, t[0] = s.amount, t[1] = s.once, t[2] = q) : q = t[2];
+  const u = uo(wt, q), [$, ne] = It(!1);
+  let Ot, rt;
+  t[3] !== s.duration || t[4] !== $ || t[5] !== u ? (Ot = () => {
+    if (u && !$) {
+      const e = setTimeout(() => {
+        ne(!0);
+      }, (s.duration + 0.5) * 1e3);
       return () => clearTimeout(e);
     }
-  }, [d, A, n.duration]);
-  const je = U === "linear" ? Ze : U === "step" ? _e : U === "stepAfter" ? et : U === "stepBefore" ? tt : it, l = Te(
-    r.map((e) => ({
-      ...e,
-      date: u(`${e.date}`, f, /* @__PURE__ */ new Date())
-    })),
-    ["date"],
-    ["asc"]
-  ).filter((e) => !x(e.y)), Ae = ue(l, "label", !0), Z = Be(
-    ue(r, "date", !0).map((e) => u(`${e}`, f, /* @__PURE__ */ new Date())),
-    (e, i) => ze(e, i)
-  ), [g, w] = G(void 0), [T, Y] = G(void 0), [le, F] = G(void 0), v = {
-    top: de,
-    bottom: B,
-    left: oe ? O + 30 : O,
-    right: _
-  }, X = ge(null), ce = Ae.map(
-    (e) => Te(
-      l.filter((i) => i.label == e),
-      ["date"],
-      ["asc"]
-    )
-  ), me = k.map((e) => ({
-    ...e,
-    coordinates: [
-      e.coordinates[0] === null ? null : u(`${e.coordinates[0]}`, f, /* @__PURE__ */ new Date()),
-      e.coordinates[1] === null ? null : u(`${e.coordinates[1]}`, f, /* @__PURE__ */ new Date())
-    ]
-  })), fe = ve.map((e) => ({
+  }, rt = [u, $, s.duration], t[3] = s.duration, t[4] = $, t[5] = u, t[6] = Ot, t[7] = rt) : (Ot = t[6], rt = t[7]), Te(Ot, rt);
+  const re = nt === "linear" ? io : nt === "step" ? no : nt === "stepAfter" ? ro : nt === "stepBefore" ? so : ao;
+  let Ct;
+  t[8] !== n ? (Ct = (e) => ({
     ...e,
-    coordinates: e.coordinates.map(
-      (i, m) => m % 2 === 0 ? u(`${i}`, f, /* @__PURE__ */ new Date()) : i
-    )
-  })), b = S - v.left - v.right, V = K - v.top - v.bottom, P = ae ? u(`${ae}`, f, /* @__PURE__ */ new Date()) : Z[0], he = re ? u(`${re}`, f, /* @__PURE__ */ new Date()) : Z[Z.length - 1], o = x(z) ? Math.min(...l.map((e) => e.y).filter((e) => !x(e))) ? Math.min(
-    ...l.map((e) => e.y).filter((e) => !x(e))
-  ) > 0 ? 0 : Math.min(
-    ...l.map((e) => e.y).filter((e) => !x(e))
-  ) : 0 : z, J = Math.max(
-    ...l.map((e) => e.y).filter((e) => !x(e))
-  ) ? Math.max(
-    ...l.map((e) => e.y).filter((e) => !x(e))
-  ) : 0, s = Ue().domain([P, he]).range([0, b]), c = Je().domain([
-    x(z) ? o : z,
-    x(te) ? J > 0 ? J : 0 : te
-  ]).range([V, 0]).nice(), ke = Ke.from(
-    l.filter((e) => !x(e.date) && !x(e.y)),
-    (e) => s(e.date),
-    (e) => c(e.y)
-  ).voronoi([0, 0, b < 0 ? 0 : b, V < 0 ? 0 : V]), De = Qe().x((e) => s(e.date)).y((e) => c(e.y)).curve(je), Me = c.ticks(be), Ne = s.ticks(ye);
-  return $e(() => {
-    const e = (m) => {
-      const H = l[qe(
-        l.map((Le) => Le.date),
-        s.invert(at(m)[0]),
-        0
-      )];
-      w(H || l[l.length - 1]), F(m.clientY), Y(m.clientX), W?.(H || l[l.length - 1]);
+    date: A(`${e.date}`, n, /* @__PURE__ */ new Date())
+  }), t[8] = n, t[9] = Ct) : Ct = t[9];
+  const a = Ne(f.map(Ct), ["date"], ["asc"]).filter(Zo), d = je(a, "label", !0);
+  let At;
+  t[10] !== n ? (At = (e) => A(`${e}`, n, /* @__PURE__ */ new Date()), t[10] = n, t[11] = At) : At = t[11];
+  const qt = Ze(je(f, "date", !0).map(At), Qo), [p, st] = It(void 0), [at, U] = It(void 0), [lt, J] = It(void 0), Dt = P ? O + 30 : O;
+  let ct;
+  t[12] !== et || t[13] !== tt || t[14] !== Dt || t[15] !== Xt ? (ct = {
+    top: Xt,
+    bottom: et,
+    left: Dt,
+    right: tt
+  }, t[12] = et, t[13] = tt, t[14] = Dt, t[15] = Xt, t[16] = ct) : ct = t[16];
+  const g = ct, se = De(null), ae = d.map((e) => Ne(a.filter((i) => i.label == e), ["date"], ["asc"]));
+  let ft;
+  if (t[17] !== n || t[18] !== Gt) {
+    let e;
+    t[20] !== n ? (e = (i) => ({
+      ...i,
+      coordinates: [i.coordinates[0] === null ? null : A(`${i.coordinates[0]}`, n, /* @__PURE__ */ new Date()), i.coordinates[1] === null ? null : A(`${i.coordinates[1]}`, n, /* @__PURE__ */ new Date())]
+    }), t[20] = n, t[21] = e) : e = t[21], ft = Gt.map(e), t[17] = n, t[18] = Gt, t[19] = ft;
+  } else
+    ft = t[19];
+  const jt = ft;
+  let mt;
+  if (t[22] !== Et || t[23] !== n) {
+    let e;
+    t[25] !== n ? (e = (i) => ({
+      ...i,
+      coordinates: i.coordinates.map((y, Yt) => Yt % 2 === 0 ? A(`${y}`, n, /* @__PURE__ */ new Date()) : y)
+    }), t[25] = n, t[26] = e) : e = t[26], mt = Et.map(e), t[22] = Et, t[23] = n, t[24] = mt;
+  } else
+    mt = t[24];
+  const Ut = mt, h = _ - g.left - g.right, D = Rt - g.top - g.bottom, le = Bt ? A(`${Bt}`, n, /* @__PURE__ */ new Date()) : qt[0], Jt = zt ? A(`${zt}`, n, /* @__PURE__ */ new Date()) : qt[qt.length - 1], w = v(G) ? Math.min(...a.map(Ko).filter(Jo)) ? Math.min(...a.map(Uo).filter(qo)) > 0 ? 0 : Math.min(...a.map(zo).filter(Bo)) : 0 : G, F = Math.max(...a.map(Po).filter(Eo)) ? Math.max(...a.map(Go).filter(Xo)) : 0, l = _e().domain([le, Jt]).range([0, h]);
+  let K;
+  t[27] !== w || t[28] !== G ? (K = v(G) ? w : G, t[27] = w, t[28] = G, t[29] = K) : K = t[29];
+  let k;
+  t[30] !== F || t[31] !== yt ? (k = v(yt) ? F > 0 ? F : 0 : yt, t[30] = F, t[31] = yt, t[32] = k) : k = t[32];
+  const c = to().domain([K, k]).range([D, 0]).nice(), ce = eo.from(a.filter(Ro), (e) => l(e.date), (e) => c(e.y)).voronoi([0, 0, h < 0 ? 0 : h, D < 0 ? 0 : D]), Lt = oo().x((e) => l(e.date)).y((e) => c(e.y)).curve(re), Mt = c.ticks(Pt), Kt = l.ticks(pe);
+  Te(() => {
+    const e = (y) => {
+      const Yt = a[fo(a.map(Io), l.invert(mo(y)[0]), 0)];
+      st(Yt || a[a.length - 1]), J(y.clientY), U(y.clientX), ot?.(Yt || a[a.length - 1]);
     }, i = () => {
-      w(void 0), Y(void 0), F(void 0);
+      st(void 0), U(void 0), J(void 0);
     };
-    ot(X.current).on("mousemove", e).on("mouseout", i), W?.(void 0);
-  }, [s, l, W]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      E.svg,
-      {
-        width: `${S}px`,
-        height: `${K}px`,
-        viewBox: `0 0 ${S} ${K}`,
-        direction: "ltr",
-        ref: se,
-        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
-          /* @__PURE__ */ t.jsx(
-            Ge,
-            {
-              areaSettings: me,
-              width: b,
-              height: V,
-              scale: s,
-              animate: n,
-              isInView: d
+    lo(se.current).on("mousemove", e).on("mouseout", i), ot?.(void 0);
+  }, [l, a, ot]);
+  let Q;
+  t[33] !== s || t[34] !== D || t[35] !== h || t[36] !== jt || t[37] !== u || t[38] !== l ? (Q = /* @__PURE__ */ r.jsx(Qe, { areaSettings: jt, width: h, height: D, scale: l, animate: s, isInView: u }), t[33] = s, t[34] = D, t[35] = h, t[36] = jt, t[37] = u, t[38] = l, t[39] = Q) : Q = t[39];
+  const $t = b?.yAxis?.gridLines, T = b?.yAxis?.labels;
+  let ut;
+  t[40] !== $t || t[41] !== T ? (ut = {
+    gridLines: $t,
+    labels: T
+  }, t[40] = $t, t[41] = T, t[42] = ut) : ut = t[42];
+  const kt = C?.yAxis?.gridLines, St = C?.yAxis?.labels;
+  let pt;
+  t[43] !== kt || t[44] !== St ? (pt = {
+    gridLines: kt,
+    labels: St
+  }, t[43] = kt, t[44] = St, t[45] = pt) : pt = t[45];
+  const ht = c(w < 0 ? 0 : w), Tt = c(w < 0 ? 0 : w), Nt = 0 - O, Z = h + g.right, fe = w < 0 ? 0 : w;
+  let N;
+  t[46] !== B || t[47] !== x || t[48] !== W || t[49] !== fe ? (N = Ve(fe, "NA", B, x, W), t[46] = B, t[47] = x, t[48] = W, t[49] = fe, t[50] = N) : N = t[50];
+  const me = 0 - O, Vt = c(w < 0 ? 0 : w), ue = F < 0 ? "1em" : -5;
+  let I;
+  t[51] !== me || t[52] !== Vt || t[53] !== ue ? (I = {
+    x: me,
+    y: Vt,
+    dx: 0,
+    dy: ue
+  }, t[51] = me, t[52] = Vt, t[53] = ue, t[54] = I) : I = t[54];
+  const Qt = C?.xAxis?.axis, gt = C?.yAxis?.labels;
+  let V;
+  t[55] !== Qt || t[56] !== gt ? (V = {
+    axis: Qt,
+    label: gt
+  }, t[55] = Qt, t[56] = gt, t[57] = V) : V = t[57];
+  const Ht = b?.xAxis?.axis, Wt = b?.yAxis?.labels;
+  let j;
+  t[58] !== Ht || t[59] !== Wt ? (j = {
+    axis: Ht,
+    label: Wt
+  }, t[58] = Ht, t[59] = Wt, t[60] = j) : j = t[60];
+  let H;
+  t[61] !== ht || t[62] !== Tt || t[63] !== Nt || t[64] !== Z || t[65] !== N || t[66] !== I || t[67] !== V || t[68] !== j ? (H = /* @__PURE__ */ r.jsx(qe, { y1: ht, y2: Tt, x1: Nt, x2: Z, label: N, labelPos: I, classNames: V, styles: j }), t[61] = ht, t[62] = Tt, t[63] = Nt, t[64] = Z, t[65] = N, t[66] = I, t[67] = V, t[68] = j, t[69] = H) : H = t[69];
+  const R = 0 - O - 15, xt = D / 2, Zt = b?.yAxis?.title, _t = C?.yAxis?.title;
+  let xe;
+  t[70] !== R || t[71] !== xt || t[72] !== Zt || t[73] !== _t || t[74] !== P ? (xe = /* @__PURE__ */ r.jsx(ze, { x: R, y: xt, style: Zt, className: _t, text: P, rotate90: !0 }), t[70] = R, t[71] = xt, t[72] = Zt, t[73] = _t, t[74] = P, t[75] = xe) : xe = t[75];
+  let de;
+  t[76] !== n ? (de = (e) => Xe(e, n), t[76] = n, t[77] = de) : de = t[77];
+  const We = Kt.map(de), Ye = Kt.map((e) => l(e)), Le = b?.xAxis?.gridLines, Me = b?.xAxis?.labels;
+  let ye;
+  t[78] !== Le || t[79] !== Me ? (ye = {
+    gridLines: Le,
+    labels: Me
+  }, t[78] = Le, t[79] = Me, t[80] = ye) : ye = t[80];
+  const $e = C?.xAxis?.gridLines;
+  let te;
+  t[81] !== $e ? (te = Se("opacity-0", $e), t[81] = $e, t[82] = te) : te = t[82];
+  const ke = C?.xAxis?.labels;
+  let ee;
+  t[83] !== ke ? (ee = Se("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", ke), t[83] = ke, t[84] = ee) : ee = t[84];
+  let ve;
+  t[85] !== te || t[86] !== ee ? (ve = {
+    gridLines: te,
+    labels: ee
+  }, t[85] = te, t[86] = ee, t[87] = ve) : ve = t[87];
+  let be;
+  t[88] !== z ? (be = z.filter(Wo).map(Ho), t[88] = z, t[89] = be) : be = t[89];
+  const Fe = a.filter(Ao).map((e, i) => /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx("path", { d: ce.renderCell(a.findIndex((y) => y.label === e.label && y.date === e.date)), opacity: 0, onMouseEnter: (y) => {
+    st(e), J(y.clientY), U(y.clientX), ot?.(e);
+  }, onMouseMove: (y) => {
+    st(e), J(y.clientY), U(y.clientX);
+  }, onMouseLeave: () => {
+    st(void 0), U(void 0), J(void 0), ot?.(void 0);
+  } }) }, i));
+  let we;
+  t[90] !== s || t[91] !== h || t[92] !== u || t[93] !== O || t[94] !== g.right || t[95] !== it || t[96] !== c ? (we = it ? /* @__PURE__ */ r.jsx(r.Fragment, { children: it.map((e, i) => /* @__PURE__ */ r.jsx(Je, { text: e.text, color: e.color, y: c(e.value), x1: 0 - O, x2: h + g.right, classNames: e.classNames, styles: e.styles, animate: s, isInView: u }, i)) }) : null, t[90] = s, t[91] = h, t[92] = u, t[93] = O, t[94] = g.right, t[95] = it, t[96] = c, t[97] = we) : we = t[97];
+  let oe;
+  if (t[98] !== s || t[99] !== vt || t[100] !== n || t[101] !== h || t[102] !== u || t[103] !== g.right || t[104] !== E || t[105] !== l || t[106] !== c) {
+    let e;
+    t[108] !== s || t[109] !== n || t[110] !== h || t[111] !== u || t[112] !== g.right || t[113] !== E || t[114] !== l || t[115] !== c ? (e = (i, y) => {
+      const Yt = Pe({
+        x: i.xCoordinate ? l(A(`${i.xCoordinate}`, n, /* @__PURE__ */ new Date())) + (i.xOffset || 0) : 0 + (i.xOffset || 0),
+        y: i.yCoordinate ? c(i.yCoordinate) + (i.yOffset || 0) - 8 : 0 + (i.yOffset || 0) - 8
+      }, {
+        x: i.xCoordinate ? l(A(`${i.xCoordinate}`, n, /* @__PURE__ */ new Date())) : 0,
+        y: i.yCoordinate ? c(i.yCoordinate) : 0
+      }, v(i.connectorRadius) ? 3.5 : i.connectorRadius), Ie = i.showConnector ? {
+        y1: Yt.y,
+        x1: Yt.x,
+        y2: i.yCoordinate ? c(i.yCoordinate) + (i.yOffset || 0) : 0 + (i.yOffset || 0),
+        x2: i.xCoordinate ? l(A(`${i.xCoordinate}`, n, /* @__PURE__ */ new Date())) + (i.xOffset || 0) : 0 + (i.xOffset || 0),
+        cy: i.yCoordinate ? c(i.yCoordinate) : 0,
+        cx: i.xCoordinate ? l(A(`${i.xCoordinate}`, n, /* @__PURE__ */ new Date())) : 0,
+        circleRadius: v(i.connectorRadius) ? 3.5 : i.connectorRadius,
+        strokeWidth: i.showConnector === !0 ? 2 : Math.min(i.showConnector || 0, 1)
+      } : void 0, Re = {
+        y: i.yCoordinate ? c(i.yCoordinate) + (i.yOffset || 0) - 8 : 0 + (i.yOffset || 0) - 8,
+        x: E ? 0 : i.xCoordinate ? l(A(`${i.xCoordinate}`, n, /* @__PURE__ */ new Date())) + (i.xOffset || 0) : 0 + (i.xOffset || 0),
+        width: E ? i.xCoordinate ? l(A(`${i.xCoordinate}`, n, /* @__PURE__ */ new Date())) + (i.xOffset || 0) : 0 + (i.xOffset || 0) : h + g.right - (i.xCoordinate ? l(A(`${i.xCoordinate}`, n, /* @__PURE__ */ new Date())) + (i.xOffset || 0) : 0 + (i.xOffset || 0)),
+        maxWidth: i.maxWidth,
+        fontWeight: i.fontWeight,
+        align: i.align
+      };
+      return /* @__PURE__ */ r.jsx(Be, { color: i.color, connectorsSettings: Ie, labelSettings: Re, text: i.text, classNames: i.classNames, styles: i.styles, animate: s, isInView: u }, y);
+    }, t[108] = s, t[109] = n, t[110] = h, t[111] = u, t[112] = g.right, t[113] = E, t[114] = l, t[115] = c, t[116] = e) : e = t[116], oe = vt.map(e), t[98] = s, t[99] = vt, t[100] = n, t[101] = h, t[102] = u, t[103] = g.right, t[104] = E, t[105] = l, t[106] = c, t[107] = oe;
+  } else
+    oe = t[107];
+  let Oe;
+  t[117] !== oe ? (Oe = /* @__PURE__ */ r.jsx("g", { children: oe }), t[117] = oe, t[118] = Oe) : Oe = t[118];
+  let Ce;
+  t[119] !== z ? (Ce = z.filter(Co).map(Oo), t[119] = z, t[120] = Ce) : Ce = t[120];
+  let Ae;
+  return t[121] !== C?.tooltip || t[122] !== at || t[123] !== lt || t[124] !== p || t[125] !== b?.tooltip || t[126] !== dt ? (Ae = p && dt && at && lt ? /* @__PURE__ */ r.jsx(Ge, { data: p, body: dt, xPos: at, yPos: lt, backgroundStyle: b?.tooltip, className: C?.tooltip }) : null, t[121] = C?.tooltip, t[122] = at, t[123] = lt, t[124] = p, t[125] = b?.tooltip, t[126] = dt, t[127] = Ae) : Ae = t[127], /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(Ft.svg, { width: `${_}px`, height: `${Rt}px`, viewBox: `0 0 ${_} ${Rt}`, direction: "ltr", ref: wt, children: /* @__PURE__ */ r.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
+      Q,
+      /* @__PURE__ */ r.jsx(Ee, { areaSettings: Ut, scaleX: l, scaleY: c, animate: s, isInView: u }),
+      /* @__PURE__ */ r.jsxs("g", { children: [
+        /* @__PURE__ */ r.jsx(Ke, { values: Mt.filter(Fo), y: Mt.filter(Yo).map((e) => c(e)), x1: 0 - O, x2: h + g.right, styles: ut, classNames: pt, suffix: W, prefix: x, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: B }),
+        H,
+        xe
+      ] }),
+      /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx(Ue, { values: We, x: Ye, y1: 0, y2: D, styles: ye, classNames: ve, suffix: W, prefix: x, labelType: "primary", showGridLines: !0, precision: B }) }),
+      be,
+      /* @__PURE__ */ r.jsxs(Ft.g, { children: [
+        ae.map((e) => /* @__PURE__ */ r.jsxs(Ft.g, { exit: {
+          opacity: 0,
+          transition: {
+            duration: s.duration
+          }
+        }, variants: {
+          initial: {
+            opacity: p ? e[0].label === p.label ? 1 : M : bt ? e[0].color && m[L.indexOf(e[0].color)] === bt ? 1 : M : Y.length !== 0 ? Y.indexOf(e[0].label) !== -1 ? 1 : M : 1
+          },
+          whileInView: {
+            opacity: p ? e[0].label === p.label ? 1 : M : bt ? e[0].color && m[L.indexOf(e[0].color)] === bt ? 1 : M : Y.length !== 0 ? Y.indexOf(e[0].label) !== -1 ? 1 : M : 1,
+            transition: {
+              duration: s.duration
             }
-          ),
-          /* @__PURE__ */ t.jsx(
-            We,
-            {
-              areaSettings: fe,
-              scaleX: s,
-              scaleY: c,
-              animate: n,
-              isInView: d
+          }
+        }, initial: "initial", animate: u ? "whileInView" : "initial", children: [
+          /* @__PURE__ */ r.jsx(Ft.path, { d: Lt(e.filter(Vo)) || "", style: {
+            fill: "none",
+            strokeWidth: p ? e[0].label === p.label ? S + Math.max(2, 0.5 * S) : S : Y.length !== 0 && Y.indexOf(e[0].label) !== -1 ? S + Math.max(2, 0.5 * S) : S
+          }, exit: {
+            opacity: 0,
+            transition: {
+              duration: s.duration
             }
-          ),
-          /* @__PURE__ */ t.jsxs("g", { children: [
-            /* @__PURE__ */ t.jsx(
-              Ee,
-              {
-                values: Me.filter((e) => e !== 0),
-                y: Me.filter((e) => e !== 0).map((e) => c(e)),
-                x1: 0 - O,
-                x2: b + v.right,
-                styles: {
-                  gridLines: C?.yAxis?.gridLines,
-                  labels: C?.yAxis?.labels
-                },
-                classNames: {
-                  gridLines: y?.yAxis?.gridLines,
-                  labels: y?.yAxis?.labels
-                },
-                suffix: L,
-                prefix: h,
-                labelType: "secondary",
-                showGridLines: !0,
-                labelPos: "vertical",
-                precision: N
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              Fe,
-              {
-                y1: c(o < 0 ? 0 : o),
-                y2: c(o < 0 ? 0 : o),
-                x1: 0 - O,
-                x2: b + v.right,
-                label: Se(
-                  o < 0 ? 0 : o,
-                  "NA",
-                  N,
-                  h,
-                  L
-                ),
-                labelPos: {
-                  x: 0 - O,
-                  y: c(o < 0 ? 0 : o),
-                  dx: 0,
-                  dy: J < 0 ? "1em" : -5
-                },
-                classNames: {
-                  axis: y?.xAxis?.axis,
-                  label: y?.yAxis?.labels
-                },
-                styles: {
-                  axis: C?.xAxis?.axis,
-                  label: C?.yAxis?.labels
-                }
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              Ye,
-              {
-                x: 0 - O - 15,
-                y: V / 2,
-                style: C?.yAxis?.title,
-                className: y?.yAxis?.title,
-                text: oe,
-                rotate90: !0
+          }, variants: {
+            initial: {
+              pathLength: 0,
+              d: Lt(e.filter(No)) || "",
+              opacity: 1,
+              stroke: f.filter(To).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray
+            },
+            whileInView: {
+              pathLength: 1,
+              d: Lt(e.filter(So)) || "",
+              opacity: 1,
+              stroke: f.filter(ko).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              transition: {
+                duration: s.duration
               }
-            )
-          ] }),
-          /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx(
-            Xe,
-            {
-              values: Ne.map((e) => Ve(e, f)),
-              x: Ne.map((e) => s(e)),
-              y1: 0,
-              y2: V,
-              styles: {
-                gridLines: C?.xAxis?.gridLines,
-                labels: C?.xAxis?.labels
-              },
-              classNames: {
-                gridLines: xe("opacity-0", y?.xAxis?.gridLines),
-                labels: xe(
-                  "fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",
-                  y?.xAxis?.labels
-                )
-              },
-              suffix: L,
-              prefix: h,
-              labelType: "primary",
-              showGridLines: !0,
-              precision: N
             }
-          ) }),
-          ne.filter((e) => e.position === "before").map((e) => e.layer),
-          /* @__PURE__ */ t.jsxs(E.g, { children: [
-            ce.map((e) => /* @__PURE__ */ t.jsxs(
-              E.g,
-              {
-                exit: { opacity: 0, transition: { duration: n.duration } },
-                variants: {
-                  initial: {
-                    opacity: g ? e[0].label === g.label ? 1 : j : I ? e[0].color && a[p.indexOf(e[0].color)] === I ? 1 : j : $.length !== 0 ? $.indexOf(e[0].label) !== -1 ? 1 : j : 1
-                  },
-                  whileInView: {
-                    opacity: g ? e[0].label === g.label ? 1 : j : I ? e[0].color && a[p.indexOf(e[0].color)] === I ? 1 : j : $.length !== 0 ? $.indexOf(e[0].label) !== -1 ? 1 : j : 1,
-                    transition: { duration: n.duration }
-                  }
-                },
-                initial: "initial",
-                animate: d ? "whileInView" : "initial",
-                children: [
-                  /* @__PURE__ */ t.jsx(
-                    E.path,
-                    {
-                      d: De(
-                        e.filter((i) => !x(i.y))
-                      ) || "",
-                      style: {
-                        fill: "none",
-                        strokeWidth: g ? e[0].label === g.label ? M + Math.max(2, 0.5 * M) : M : $.length !== 0 && $.indexOf(e[0].label) !== -1 ? M + Math.max(2, 0.5 * M) : M
-                      },
-                      exit: { opacity: 0, transition: { duration: n.duration } },
-                      variants: {
-                        initial: {
-                          pathLength: 0,
-                          d: De(
-                            e.filter((i) => !x(i.y))
-                          ) || "",
-                          opacity: 1,
-                          stroke: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray
-                        },
-                        whileInView: {
-                          pathLength: 1,
-                          d: De(
-                            e.filter((i) => !x(i.y))
-                          ) || "",
-                          opacity: 1,
-                          stroke: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
-                          transition: { duration: n.duration }
-                        }
-                      },
-                      initial: "initial",
-                      animate: d ? "whileInView" : "initial"
-                    }
-                  ),
-                  e.map((i, m) => /* @__PURE__ */ t.jsx(E.g, { children: x(i.y) ? null : /* @__PURE__ */ t.jsx(t.Fragment, { children: q ? /* @__PURE__ */ t.jsx(
-                    E.circle,
-                    {
-                      r: b / e.length < 5 ? 0 : b / e.length < 20 ? 2 : 4,
-                      exit: { opacity: 0, transition: { duration: n.duration } },
-                      variants: {
-                        initial: {
-                          opacity: 0,
-                          fill: r.filter((H) => H.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
-                          cx: s(i.date),
-                          cy: c(i.y)
-                        },
-                        whileInView: {
-                          opacity: 1,
-                          fill: r.filter((H) => H.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
-                          transition: {
-                            duration: A ? n.duration : 0.5,
-                            delay: A ? 0 : n.duration
-                          },
-                          cx: s(i.date),
-                          cy: c(i.y)
-                        }
-                      },
-                      initial: "initial",
-                      animate: d ? "whileInView" : "initial"
-                    }
-                  ) : null }) }, m)),
-                  ($.indexOf(e[0].label) !== -1 || g?.label === e[0].label) && R ? /* @__PURE__ */ t.jsx(
-                    E.text,
-                    {
-                      className: "text-sm font-bold",
-                      dx: 5,
-                      dy: 4,
-                      exit: { opacity: 0, transition: { duration: n.duration } },
-                      variants: {
-                        initial: {
-                          opacity: 0,
-                          fill: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
-                          x: s(e[e.length - 1].date),
-                          y: c(e[e.length - 1].y)
-                        },
-                        whileInView: {
-                          opacity: 1,
-                          fill: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
-                          x: s(e[e.length - 1].date),
-                          y: c(e[e.length - 1].y),
-                          transition: {
-                            duration: A ? n.duration : 0.5,
-                            delay: A ? 0 : n.duration
-                          }
-                        }
-                      },
-                      initial: "initial",
-                      animate: d ? "whileInView" : "initial",
-                      children: e[0].label
-                    }
-                  ) : null
-                ]
-              },
-              e[0].label
-            )),
-            g ? /* @__PURE__ */ t.jsx(
-              "text",
-              {
-                y: c(g.y) - 8,
-                x: s(g.date),
-                className: xe("graph-value text-sm font-bold", y?.graphObjectValues),
-                style: {
-                  fill: r.filter((e) => e.color).length === 0 ? a[0] : g.color ? a[p.indexOf(g.color)] : D.gray,
-                  textAnchor: "middle",
-                  ...C?.graphObjectValues || {}
-                },
-                children: Se(g.y, Ce, N, h, L)
-              }
-            ) : null
-          ] }),
-          l.filter((e) => !x(e.y)).map((e, i) => /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx(
-            "path",
-            {
-              d: ke.renderCell(
-                l.findIndex((m) => m.label === e.label && m.date === e.date)
-              ),
+          }, initial: "initial", animate: u ? "whileInView" : "initial" }),
+          e.map((i, y) => /* @__PURE__ */ r.jsx(Ft.g, { children: v(i.y) ? null : /* @__PURE__ */ r.jsx(r.Fragment, { children: ie ? /* @__PURE__ */ r.jsx(Ft.circle, { r: h / e.length < 5 ? 0 : h / e.length < 20 ? 2 : 4, exit: {
+            opacity: 0,
+            transition: {
+              duration: s.duration
+            }
+          }, variants: {
+            initial: {
               opacity: 0,
-              onMouseEnter: (m) => {
-                w(e), F(m.clientY), Y(m.clientX), W?.(e);
-              },
-              onMouseMove: (m) => {
-                w(e), F(m.clientY), Y(m.clientX);
+              fill: f.filter($o).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              cx: l(i.date),
+              cy: c(i.y)
+            },
+            whileInView: {
+              opacity: 1,
+              fill: f.filter(Mo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              transition: {
+                duration: $ ? s.duration : 0.5,
+                delay: $ ? 0 : s.duration
               },
-              onMouseLeave: () => {
-                w(void 0), Y(void 0), F(void 0), W?.(void 0);
-              }
+              cx: l(i.date),
+              cy: c(i.y)
             }
-          ) }, i)),
-          Q ? /* @__PURE__ */ t.jsx(t.Fragment, { children: Q.map((e, i) => /* @__PURE__ */ t.jsx(
-            Pe,
-            {
-              text: e.text,
-              color: e.color,
-              y: c(e.value),
-              x1: 0 - O,
-              x2: b + v.right,
-              classNames: e.classNames,
-              styles: e.styles,
-              animate: n,
-              isInView: d
+          }, initial: "initial", animate: u ? "whileInView" : "initial" }) : null }) }, y)),
+          (Y.indexOf(e[0].label) !== -1 || p?.label === e[0].label) && he ? /* @__PURE__ */ r.jsx(Ft.text, { className: "text-sm font-bold", dx: 5, dy: 4, exit: {
+            opacity: 0,
+            transition: {
+              duration: s.duration
+            }
+          }, variants: {
+            initial: {
+              opacity: 0,
+              fill: f.filter(Lo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              x: l(e[e.length - 1].date),
+              y: c(e[e.length - 1].y)
             },
-            i
-          )) }) : null,
-          /* @__PURE__ */ t.jsx("g", { children: we.map((e, i) => {
-            const m = Ie(
-              {
-                x: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-                y: e.yCoordinate ? c(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
-              },
-              {
-                x: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
-                y: e.yCoordinate ? c(e.yCoordinate) : 0
-              },
-              x(e.connectorRadius) ? 3.5 : e.connectorRadius
-            ), H = e.showConnector ? {
-              y1: m.y,
-              x1: m.x,
-              y2: e.yCoordinate ? c(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
-              x2: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-              cy: e.yCoordinate ? c(e.yCoordinate) : 0,
-              cx: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
-              circleRadius: x(e.connectorRadius) ? 3.5 : e.connectorRadius,
-              strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
-            } : void 0, Le = {
-              y: e.yCoordinate ? c(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
-              x: ie ? 0 : e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-              width: ie ? e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : b + v.right - (e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
-              maxWidth: e.maxWidth,
-              fontWeight: e.fontWeight,
-              align: e.align
-            };
-            return /* @__PURE__ */ t.jsx(
-              Re,
-              {
-                color: e.color,
-                connectorsSettings: H,
-                labelSettings: Le,
-                text: e.text,
-                classNames: e.classNames,
-                styles: e.styles,
-                animate: n,
-                isInView: d
-              },
-              i
-            );
-          }) }),
-          ne.filter((e) => e.position === "after").map((e) => e.layer)
-        ] })
-      }
-    ),
-    g && ee && T && le ? /* @__PURE__ */ t.jsx(
-      He,
-      {
-        data: g,
-        body: ee,
-        xPos: T,
-        yPos: le,
-        backgroundStyle: C?.tooltip,
-        className: y?.tooltip
-      }
-    ) : null
+            whileInView: {
+              opacity: 1,
+              fill: f.filter(jo).length === 0 ? m[0] : e[0].color ? m[L.indexOf(e[0].color)] : X.gray,
+              x: l(e[e.length - 1].date),
+              y: c(e[e.length - 1].y),
+              transition: {
+                duration: $ ? s.duration : 0.5,
+                delay: $ ? 0 : s.duration
+              }
+            }
+          }, initial: "initial", animate: u ? "whileInView" : "initial", children: e[0].label }) : null
+        ] }, e[0].label)),
+        p ? /* @__PURE__ */ r.jsx("text", { y: c(p.y) - 8, x: l(p.date), className: Se("graph-value text-sm font-bold", C?.graphObjectValues), style: {
+          fill: f.filter(Do).length === 0 ? m[0] : p.color ? m[L.indexOf(p.color)] : X.gray,
+          textAnchor: "middle",
+          ...b?.graphObjectValues || {}
+        }, children: Ve(p.y, ge, B, x, W) }) : null
+      ] }),
+      Fe,
+      we,
+      Oe,
+      Ce
+    ] }) }),
+    Ae
   ] });
 }
-function Pt(pe) {
-  const {
-    data: r,
-    graphTitle: S,
-    showNAColor: K = !0,
-    colors: a,
-    colorDomain: f,
-    suffix: ye = "",
-    sources: _,
-    prefix: de = "",
-    graphDescription: B,
-    height: L,
-    width: h,
+function Oo(o) {
+  return o.layer;
+}
+function Co(o) {
+  return o.position === "after";
+}
+function Ao(o) {
+  return !v(o.y);
+}
+function Do(o) {
+  return o.color;
+}
+function jo(o) {
+  return o.color;
+}
+function Lo(o) {
+  return o.color;
+}
+function Mo(o) {
+  return o.color;
+}
+function $o(o) {
+  return o.color;
+}
+function ko(o) {
+  return o.color;
+}
+function So(o) {
+  return !v(o.y);
+}
+function To(o) {
+  return o.color;
+}
+function No(o) {
+  return !v(o.y);
+}
+function Vo(o) {
+  return !v(o.y);
+}
+function Ho(o) {
+  return o.layer;
+}
+function Wo(o) {
+  return o.position === "before";
+}
+function Yo(o) {
+  return o !== 0;
+}
+function Fo(o) {
+  return o !== 0;
+}
+function Io(o) {
+  return o.date;
+}
+function Ro(o) {
+  return !v(o.date) && !v(o.y);
+}
+function Xo(o) {
+  return !v(o);
+}
+function Go(o) {
+  return o.y;
+}
+function Eo(o) {
+  return !v(o);
+}
+function Po(o) {
+  return o.y;
+}
+function Bo(o) {
+  return !v(o);
+}
+function zo(o) {
+  return o.y;
+}
+function qo(o) {
+  return !v(o);
+}
+function Uo(o) {
+  return o.y;
+}
+function Jo(o) {
+  return !v(o);
+}
+function Ko(o) {
+  return o.y;
+}
+function Qo(o, t) {
+  return co(o, t);
+}
+function Zo(o) {
+  return !v(o.y);
+}
+function Ri(o) {
+  const t = He.c(94), {
+    data: f,
+    graphTitle: _,
+    showNAColor: Rt,
+    colors: m,
+    colorDomain: n,
+    suffix: pe,
+    sources: tt,
+    prefix: Xt,
+    graphDescription: et,
+    height: W,
+    width: x,
     footNote: O,
-    noOfXTicks: ee = 10,
-    dateFormat: W = "yyyy",
-    padding: Q,
-    backgroundColor: k = !1,
-    leftMargin: z = 30,
-    rightMargin: te = 50,
-    topMargin: $ = 20,
-    bottomMargin: n = 25,
-    showColorScale: ie = !0,
-    tooltip: M,
-    relativeHeight: q,
-    onSeriesMouseOver: we,
-    showLabels: ve = !0,
-    refValues: oe = [],
-    highlightAreaSettings: be = [],
-    graphID: ae,
-    minValue: re,
-    maxValue: U,
-    highlightedLines: C = [],
-    graphDownload: p = !1,
-    dataDownload: I = !1,
-    animate: y = !1,
-    language: R = "en",
-    colorLegendTitle: j,
-    minHeight: N = 0,
-    strokeWidth: Ce = 2,
-    showDots: ne = !0,
-    annotations: se = [],
-    customHighlightAreaSettings: d = [],
-    theme: A = "light",
-    ariaLabel: Oe,
-    yAxisTitle: je,
-    noOfYTicks: l = 5,
-    minDate: Ae,
-    maxDate: Z,
-    curveType: g = "curve",
-    styles: w,
-    classNames: T,
-    dimmedOpacity: Y = 0.3,
-    precision: le = 2,
-    customLayers: F = [],
-    naLabel: v = "NA"
-  } = pe, [X, ce] = G(0), [me, fe] = G(0), [b, V] = G(void 0), P = ge(null), he = ge(null);
-  return $e(() => {
-    const o = new ResizeObserver((J) => {
-      ce(h || J[0].target.clientWidth || 620), fe(L || J[0].target.clientHeight || 480);
+    noOfXTicks: dt,
+    dateFormat: ot,
+    padding: it,
+    backgroundColor: Gt,
+    leftMargin: G,
+    rightMargin: yt,
+    topMargin: Y,
+    bottomMargin: s,
+    showColorScale: E,
+    tooltip: S,
+    relativeHeight: ie,
+    onSeriesMouseOver: vt,
+    showLabels: Et,
+    refValues: P,
+    highlightAreaSettings: Pt,
+    graphID: Bt,
+    minValue: zt,
+    maxValue: nt,
+    highlightedLines: b,
+    graphDownload: L,
+    dataDownload: bt,
+    animate: C,
+    language: he,
+    colorLegendTitle: M,
+    minHeight: B,
+    strokeWidth: ge,
+    showDots: z,
+    annotations: wt,
+    customHighlightAreaSettings: q,
+    theme: u,
+    ariaLabel: $,
+    yAxisTitle: ne,
+    noOfYTicks: Ot,
+    minDate: rt,
+    maxDate: re,
+    curveType: Ct,
+    styles: a,
+    classNames: d,
+    dimmedOpacity: At,
+    precision: qt,
+    customLayers: p,
+    naLabel: st
+  } = o, at = Rt === void 0 ? !0 : Rt, U = pe === void 0 ? "" : pe, lt = Xt === void 0 ? "" : Xt, J = dt === void 0 ? 10 : dt, Dt = ot === void 0 ? "yyyy" : ot, ct = Gt === void 0 ? !1 : Gt, g = G === void 0 ? 30 : G, se = yt === void 0 ? 50 : yt, ae = Y === void 0 ? 20 : Y, ft = s === void 0 ? 25 : s, jt = E === void 0 ? !0 : E, mt = Et === void 0 ? !0 : Et;
+  let Ut;
+  t[0] !== P ? (Ut = P === void 0 ? [] : P, t[0] = P, t[1] = Ut) : Ut = t[1];
+  const h = Ut;
+  let D;
+  t[2] !== Pt ? (D = Pt === void 0 ? [] : Pt, t[2] = Pt, t[3] = D) : D = t[3];
+  const le = D;
+  let Jt;
+  t[4] !== b ? (Jt = b === void 0 ? [] : b, t[4] = b, t[5] = Jt) : Jt = t[5];
+  const w = Jt, F = L === void 0 ? !1 : L, l = bt === void 0 ? !1 : bt, K = C === void 0 ? !1 : C, k = he === void 0 ? "en" : he, c = B === void 0 ? 0 : B, ce = ge === void 0 ? 2 : ge, Lt = z === void 0 ? !0 : z;
+  let Mt;
+  t[6] !== wt ? (Mt = wt === void 0 ? [] : wt, t[6] = wt, t[7] = Mt) : Mt = t[7];
+  const Kt = Mt;
+  let Q;
+  t[8] !== q ? (Q = q === void 0 ? [] : q, t[8] = q, t[9] = Q) : Q = t[9];
+  const $t = Q, T = u === void 0 ? "light" : u, ut = Ot === void 0 ? 5 : Ot, kt = Ct === void 0 ? "curve" : Ct, St = At === void 0 ? 0.3 : At, pt = qt === void 0 ? 2 : qt;
+  let ht;
+  t[10] !== p ? (ht = p === void 0 ? [] : p, t[10] = p, t[11] = ht) : ht = t[11];
+  const Tt = ht, Nt = st === void 0 ? "NA" : st, [Z, fe] = It(0), [N, me] = It(0), [Vt, ue] = It(void 0), I = De(null), Qt = De(null);
+  let gt, V;
+  t[12] === Symbol.for("react.memo_cache_sentinel") ? (gt = () => {
+    const Zt = new ResizeObserver((_t) => {
+      fe(_t[0].target.clientWidth || 620), me(_t[0].target.clientHeight || 480);
     });
-    return P.current && (fe(P.current.clientHeight || 480), ce(P.current.clientWidth || 620), h || o.observe(P.current)), () => o.disconnect();
-  }, [h, L]), /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: `${A || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
-      dir: R === "he" || R === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ t.jsx(
-        "div",
-        {
-          className: xe(
-            `${k ? k === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${R || "en"}`,
-            h ? "w-fit" : "w-full",
-            T?.graphContainer
-          ),
-          style: {
-            ...w?.graphContainer || {},
-            ...k && k !== !0 ? { backgroundColor: k } : {}
-          },
-          id: ae,
-          ref: he,
-          "aria-label": Oe || `${S ? `The graph shows ${S}. ` : ""}This is a multi-line chart that shows trends over time.${B ? ` ${B}` : ""}`,
-          children: /* @__PURE__ */ t.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: k ? Q || "1rem" : Q || 0 },
-              children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                S || B || p || I ? /* @__PURE__ */ t.jsx(
-                  st,
-                  {
-                    styles: {
-                      title: w?.title,
-                      description: w?.description
-                    },
-                    classNames: {
-                      title: T?.title,
-                      description: T?.description
-                    },
-                    graphTitle: S,
-                    graphDescription: B,
-                    width: h,
-                    graphDownload: p ? he.current : void 0,
-                    dataDownload: I ? r.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? r.map((o) => o.data).filter((o) => o !== void 0) : r.filter((o) => o !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ t.jsx(lt, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                  ie && r.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ t.jsx(
-                    ct,
-                    {
-                      width: h,
-                      colorLegendTitle: j,
-                      colors: a || D[A].categoricalColors.colors,
-                      colorDomain: f || ue(r, "color", !0),
-                      setSelectedColor: V,
-                      showNAColor: K
-                    }
-                  ) : null,
-                  /* @__PURE__ */ t.jsx("div", { className: "w-full grow leading-0", ref: P, "aria-label": "Graph area", children: (h || X) && (L || me) ? /* @__PURE__ */ t.jsx(
-                    mt,
-                    {
-                      data: r,
-                      lineColors: r.filter((o) => o.color).length === 0 ? a ? [a] : [D.primaryColors["blue-600"]] : a || D[A].categoricalColors.colors,
-                      width: h || X,
-                      height: Math.max(
-                        N,
-                        L || (q ? N ? (h || X) * q > N ? (h || X) * q : N : (h || X) * q : me)
-                      ),
-                      dateFormat: W,
-                      noOfXTicks: ee,
-                      leftMargin: z,
-                      rightMargin: te,
-                      topMargin: $,
-                      bottomMargin: n,
-                      tooltip: M,
-                      onSeriesMouseOver: we,
-                      suffix: ye,
-                      prefix: de,
-                      highlightAreaSettings: be,
-                      refValues: oe,
-                      minValue: re,
-                      maxValue: U,
-                      highlightedLines: C,
-                      animate: y === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : y || { duration: 0, once: !0, amount: 0 },
-                      rtl: R === "he" || R === "ar",
-                      strokeWidth: Ce,
-                      showDots: ne,
-                      annotations: se,
-                      customHighlightAreaSettings: d,
-                      yAxisTitle: je,
-                      noOfYTicks: l,
-                      minDate: Ae,
-                      maxDate: Z,
-                      curveType: g,
-                      styles: w,
-                      classNames: T,
-                      selectedColor: b,
-                      showLabels: ve,
-                      colorDomain: r.filter((o) => o.color).length === 0 ? [] : f || ue(r, "color", !0),
-                      dimmedOpacity: Y,
-                      precision: le,
-                      customLayers: F,
-                      naLabel: v
-                    }
-                  ) : null })
-                ] }) }),
-                _ || O ? /* @__PURE__ */ t.jsx(
-                  nt,
-                  {
-                    styles: { footnote: w?.footnote, source: w?.source },
-                    classNames: {
-                      footnote: T?.footnote,
-                      source: T?.source
-                    },
-                    sources: _,
-                    footNote: O,
-                    width: h
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    return I.current && Zt.observe(I.current), () => Zt.disconnect();
+  }, V = [], t[12] = gt, t[13] = V) : (gt = t[12], V = t[13]), Te(gt, V);
+  const Ht = d?.graphContainer, Wt = a?.graphContainer;
+  let j;
+  t[14] !== d?.description || t[15] !== d?.title || t[16] !== f || t[17] !== l || t[18] !== et || t[19] !== F || t[20] !== _ || t[21] !== a?.description || t[22] !== a?.title || t[23] !== x ? (j = _ || et || F || l ? /* @__PURE__ */ r.jsx(ho, { styles: {
+    title: a?.title,
+    description: a?.description
+  }, classNames: {
+    title: d?.title,
+    description: d?.description
+  }, graphTitle: _, graphDescription: et, width: x, graphDownload: F ? Qt : void 0, dataDownload: l ? f.map(si).filter(ri).length > 0 ? f.map(ni).filter(ii) : f.filter(oi) : null }) : null, t[14] = d?.description, t[15] = d?.title, t[16] = f, t[17] = l, t[18] = et, t[19] = F, t[20] = _, t[21] = a?.description, t[22] = a?.title, t[23] = x, t[24] = j) : j = t[24];
+  let H;
+  t[25] !== K || t[26] !== Kt || t[27] !== ft || t[28] !== d || t[29] !== n || t[30] !== M || t[31] !== m || t[32] !== kt || t[33] !== $t || t[34] !== Tt || t[35] !== f || t[36] !== Dt || t[37] !== St || t[38] !== le || t[39] !== w || t[40] !== k || t[41] !== g || t[42] !== re || t[43] !== nt || t[44] !== rt || t[45] !== zt || t[46] !== Nt || t[47] !== J || t[48] !== ut || t[49] !== vt || t[50] !== pt || t[51] !== lt || t[52] !== h || t[53] !== se || t[54] !== Vt || t[55] !== jt || t[56] !== Lt || t[57] !== mt || t[58] !== at || t[59] !== ce || t[60] !== a || t[61] !== U || t[62] !== N || t[63] !== Z || t[64] !== T || t[65] !== S || t[66] !== ae || t[67] !== x || t[68] !== ne ? (H = f.length === 0 ? /* @__PURE__ */ r.jsx(go, {}) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    jt && f.filter(ei).length !== 0 ? /* @__PURE__ */ r.jsx(xo, { width: x, colorLegendTitle: M, colors: m || X[T].categoricalColors.colors, colorDomain: n || je(f, "color", !0), setSelectedColor: ue, showNAColor: at, className: d?.colorLegend }) : null,
+    /* @__PURE__ */ r.jsx(yo, { ref: I, children: Z && N ? /* @__PURE__ */ r.jsx(wo, { data: f, lineColors: f.filter(ti).length === 0 ? m ? [m] : [X.primaryColors["blue-600"]] : m || X[T].categoricalColors.colors, width: Z, height: N, dateFormat: Dt, noOfXTicks: J ?? bo(Z), leftMargin: g, rightMargin: se, topMargin: ae, bottomMargin: ft, tooltip: S, onSeriesMouseOver: vt, suffix: U, prefix: lt, highlightAreaSettings: le, refValues: h, minValue: zt, maxValue: nt, highlightedLines: w, animate: K === !0 ? {
+      duration: 0.5,
+      once: !0,
+      amount: 0.5
+    } : K || {
+      duration: 0,
+      once: !0,
+      amount: 0
+    }, rtl: k === "he" || k === "ar", strokeWidth: ce, showDots: Lt, annotations: Kt, customHighlightAreaSettings: $t, yAxisTitle: ne, noOfYTicks: ut, minDate: rt, maxDate: re, curveType: kt, styles: a, classNames: d, selectedColor: Vt, showLabels: mt, colorDomain: f.filter(_o).length === 0 ? [] : n || je(f, "color", !0), dimmedOpacity: St, precision: pt, customLayers: Tt, naLabel: Nt }) : null })
+  ] }), t[25] = K, t[26] = Kt, t[27] = ft, t[28] = d, t[29] = n, t[30] = M, t[31] = m, t[32] = kt, t[33] = $t, t[34] = Tt, t[35] = f, t[36] = Dt, t[37] = St, t[38] = le, t[39] = w, t[40] = k, t[41] = g, t[42] = re, t[43] = nt, t[44] = rt, t[45] = zt, t[46] = Nt, t[47] = J, t[48] = ut, t[49] = vt, t[50] = pt, t[51] = lt, t[52] = h, t[53] = se, t[54] = Vt, t[55] = jt, t[56] = Lt, t[57] = mt, t[58] = at, t[59] = ce, t[60] = a, t[61] = U, t[62] = N, t[63] = Z, t[64] = T, t[65] = S, t[66] = ae, t[67] = x, t[68] = ne, t[69] = H) : H = t[69];
+  let R;
+  t[70] !== d?.footnote || t[71] !== d?.source || t[72] !== O || t[73] !== tt || t[74] !== a?.footnote || t[75] !== a?.source || t[76] !== x ? (R = tt || O ? /* @__PURE__ */ r.jsx(po, { styles: {
+    footnote: a?.footnote,
+    source: a?.source
+  }, classNames: {
+    footnote: d?.footnote,
+    source: d?.source
+  }, sources: tt, footNote: O, width: x }) : null, t[70] = d?.footnote, t[71] = d?.source, t[72] = O, t[73] = tt, t[74] = a?.footnote, t[75] = a?.source, t[76] = x, t[77] = R) : R = t[77];
+  let xt;
+  return t[78] !== $ || t[79] !== ct || t[80] !== Bt || t[81] !== W || t[82] !== k || t[83] !== c || t[84] !== it || t[85] !== ie || t[86] !== Ht || t[87] !== Wt || t[88] !== j || t[89] !== H || t[90] !== R || t[91] !== T || t[92] !== x ? (xt = /* @__PURE__ */ r.jsxs(vo, { className: Ht, style: Wt, id: Bt, ref: Qt, "aria-label": $, backgroundColor: ct, theme: T, language: k, minHeight: c, width: x, height: W, relativeHeight: ie, padding: it, children: [
+    j,
+    H,
+    R
+  ] }), t[78] = $, t[79] = ct, t[80] = Bt, t[81] = W, t[82] = k, t[83] = c, t[84] = it, t[85] = ie, t[86] = Ht, t[87] = Wt, t[88] = j, t[89] = H, t[90] = R, t[91] = T, t[92] = x, t[93] = xt) : xt = t[93], xt;
+}
+function _o(o) {
+  return o.color;
+}
+function ti(o) {
+  return o.color;
+}
+function ei(o) {
+  return o.color;
+}
+function oi(o) {
+  return o !== void 0;
+}
+function ii(o) {
+  return o !== void 0;
+}
+function ni(o) {
+  return o.data;
+}
+function ri(o) {
+  return o !== void 0;
+}
+function si(o) {
+  return o.data;
 }
 export {
-  Pt as MultiLineAltChart
+  Ri as MultiLineAltChart
 };
 //# sourceMappingURL=MultiLineAltChart.js.map