@undp/data-viz 1.5.8 → 2.0.0

package/dist/DifferenceLineChart.js

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