@undp/data-viz 1.5.9 → 2.0.1

package/dist/SparkLine.js

@@ -1,323 +1,295 @@
-import { j as r, m as V } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useState as S, useRef as X, useEffect as J } from "react";
-import { p as Q, f as U } from "./parse-DlCRUFh_.js";
-import { o as Z } from "./index-DvVprvy6.js";
-import { T as _ } from "./Tooltip-6LIdPQGC.js";
-import { c as q } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { t as ee } from "./time-BzJP5SPC.js";
-import { a as te } from "./linear-DUdu7l2G.js";
-import { a as re } from "./area-BE2wo7fv.js";
-import { c as ae, l as oe } from "./line-CPfhohvF.js";
-import { c as ie, s as se, a as le, m as ne } from "./step-BrDul-H4.js";
-import { s as me } from "./select-DKy99ogv.js";
-import { a as ce } from "./init-BhZylTFx.js";
-import { p as de } from "./pointer-CWRWOsrb.js";
-import { GraphFooter as pe } from "./GraphFooter.js";
-import { GraphHeader as he } from "./GraphHeader.js";
-import { Colors as fe } from "./Colors.js";
-import { g as ge } from "./generateRandomString-za3IQGfQ.js";
-function xe(E) {
-  const {
-    data: u,
-    width: n,
-    height: w,
-    lineColor: p,
-    dateFormat: m,
-    areaId: c,
-    leftMargin: a,
-    rightMargin: k,
-    topMargin: F,
-    bottomMargin: L,
-    tooltip: b,
-    onSeriesMouseOver: i,
-    minValue: A,
-    maxValue: O,
-    curveType: y,
-    styles: M,
-    classNames: $,
-    customLayers: h
-  } = E, H = y === "linear" ? ae : y === "step" ? ie : y === "stepAfter" ? se : y === "stepBefore" ? le : ne, [f, T] = S(void 0), [G, N] = S(void 0), [D, v] = S(void 0), s = {
-    top: F,
-    bottom: L,
-    left: a,
-    right: k
-  }, I = X(null), t = Z(
-    u.map((e) => ({
-      ...e,
-      date: Q(`${e.date}`, m, /* @__PURE__ */ new Date())
-    })),
-    ["date"],
-    ["asc"]
-  ), P = n - s.left - s.right, o = w - s.top - s.bottom, d = t[0].date, Y = t[t.length - 1].date, g = Math.min(...t.map((e) => e.y).filter((e) => e != null)) !== 1 / 0 ? Math.min(...t.map((e) => e.y).filter((e) => e != null)) > 0 ? 0 : Math.min(...t.map((e) => e.y).filter((e) => e != null)) : 0, C = Math.max(...t.map((e) => e.y).filter((e) => e != null)) !== 1 / 0 ? Math.max(...t.map((e) => e.y).filter((e) => e != null)) : 0, l = ee().domain([d, Y]).range([0, P]), j = te().domain([
-    q(A) ? g : A,
-    q(O) ? C > 0 ? C : 0 : O
-  ]).range([o, 0]).nice(), x = re().x((e) => l(e.date)).y1((e) => j(e.y)).y0(o).curve(H), R = oe().x((e) => l(e.date)).y((e) => j(e.y)).curve(H);
-  return J(() => {
-    const e = (B) => {
-      const z = t[ce(
-        t.map((K) => K.date),
-        l.invert(de(B)[0]),
-        0
-      )];
-      T(z || t[t.length - 1]), i?.(z || t[t.length - 1]), v(B.clientY), N(B.clientX);
-    }, W = () => {
-      T(void 0), i?.(void 0), N(void 0), v(void 0);
+import { c as wt, m as Mt, j as i } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useState as ut, useRef as bt, useEffect as Dt } from "react";
+import { f as _t, p as St } from "./parse-DlCRUFh_.js";
+import { o as At } from "./index-BZQYSqar.js";
+import { T as Nt } from "./Tooltip-CwWUegPB.js";
+import { c as $t } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { t as kt } from "./time-DCCfQk3V.js";
+import { a as Ot } from "./linear-BwnDd9KF.js";
+import { a as Gt } from "./area-BE2wo7fv.js";
+import { c as Ht, l as Rt } from "./line-CPfhohvF.js";
+import { c as Et, s as Ft, a as It, m as Lt } from "./step-BrDul-H4.js";
+import { s as Pt } from "./select-DKy99ogv.js";
+import { c as Tt } from "./init-BJFW6EwE.js";
+import { p as Wt } from "./pointer-CWRWOsrb.js";
+import { GraphFooter as Yt } from "./GraphFooter.js";
+import { GraphHeader as Bt } from "./GraphHeader.js";
+import { Colors as Vt } from "./Colors.js";
+import { g as Xt } from "./generateRandomString-za3IQGfQ.js";
+import { a as zt, G as Ut } from "./GraphContainer-CRqzdKu2.js";
+function qt(e) {
+  const t = wt.c(71), {
+    data: b,
+    width: S,
+    height: W,
+    lineColor: l,
+    dateFormat: a,
+    areaId: $,
+    leftMargin: c,
+    rightMargin: A,
+    topMargin: ot,
+    bottomMargin: rt,
+    tooltip: N,
+    onSeriesMouseOver: Y,
+    minValue: B,
+    maxValue: V,
+    curveType: X,
+    styles: k,
+    classNames: w,
+    customLayers: j
+  } = e, it = X === "linear" ? Ht : X === "step" ? Et : X === "stepAfter" ? Ft : X === "stepBefore" ? It : Lt, [u, nt] = ut(void 0), [O, at] = ut(void 0), [z, lt] = ut(void 0);
+  let U;
+  t[0] !== rt || t[1] !== c || t[2] !== A || t[3] !== ot ? (U = {
+    top: ot,
+    bottom: rt,
+    left: c,
+    right: A
+  }, t[0] = rt, t[1] = c, t[2] = A, t[3] = ot, t[4] = U) : U = t[4];
+  const D = U, G = bt(null);
+  let q;
+  t[5] !== a ? (q = (d) => ({
+    ...d,
+    date: St(`${d.date}`, a, /* @__PURE__ */ new Date())
+  }), t[5] = a, t[6] = q) : q = t[6];
+  const o = At(b.map(q), ["date"], ["asc"]), r = S - D.left - D.right, n = W - D.top - D.bottom, ct = o[0].date, mt = o[o.length - 1].date, J = Math.min(...o.map(me).filter(ce)) !== 1 / 0 ? Math.min(...o.map(le).filter(ae)) > 0 ? 0 : Math.min(...o.map(se).filter(ne)) : 0, H = Math.max(...o.map(ie).filter(re)) !== 1 / 0 ? Math.max(...o.map(oe).filter(ee)) : 0, s = kt().domain([ct, mt]).range([0, r]);
+  let R;
+  t[7] !== J || t[8] !== B ? (R = $t(B) ? J : B, t[7] = J, t[8] = B, t[9] = R) : R = t[9];
+  let E;
+  t[10] !== H || t[11] !== V ? (E = $t(V) ? H > 0 ? H : 0 : V, t[10] = H, t[11] = V, t[12] = E) : E = t[12];
+  const F = Ot().domain([R, E]).range([n, 0]).nice(), st = Gt().x((d) => s(d.date)).y1((d) => F(d.y)).y0(n).curve(it), pt = Rt().x((d) => s(d.date)).y((d) => F(d.y)).curve(it);
+  Dt(() => {
+    const d = (yt) => {
+      const jt = o[Tt(o.map(te), s.invert(Wt(yt)[0]), 0)];
+      nt(jt || o[o.length - 1]), Y?.(jt || o[o.length - 1]), lt(yt.clientY), at(yt.clientX);
+    }, Ct = () => {
+      nt(void 0), Y?.(void 0), at(void 0), lt(void 0);
     };
-    me(I.current).on("mousemove", e).on("mouseout", W), i?.(void 0);
-  }, [l, t, i]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs(
-      "svg",
-      {
-        width: `${n}px`,
-        height: `${w}px`,
-        viewBox: `0 0 ${n} ${w}`,
-        direction: "ltr",
-        children: [
-          c ? /* @__PURE__ */ r.jsxs("linearGradient", { id: c, x1: "0", x2: "0", y1: "0", y2: "1", children: [
-            /* @__PURE__ */ r.jsx("stop", { style: { stopColor: p }, stopOpacity: "0.1", offset: "0%" }),
-            /* @__PURE__ */ r.jsx("stop", { style: { stopColor: p }, stopOpacity: "0", offset: "100%" })
-          ] }) : null,
-          /* @__PURE__ */ r.jsxs("g", { transform: `translate(${s.left},${s.top})`, children: [
-            h.filter((e) => e.position === "before").map((e) => e.layer),
-            /* @__PURE__ */ r.jsxs("g", { children: [
-              /* @__PURE__ */ r.jsx(
-                "text",
-                {
-                  className: V(
-                    "xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs",
-                    $?.xAxis?.labels
-                  ),
-                  y: o,
-                  x: l(t[t.length - 1].date),
-                  style: {
-                    textAnchor: "end",
-                    ...M?.xAxis?.labels
-                  },
-                  dy: "1em",
-                  children: U(t[t.length - 1].date, m)
-                }
-              ),
-              /* @__PURE__ */ r.jsx(
-                "text",
-                {
-                  y: o,
-                  x: l(t[0].date),
-                  style: {
-                    textAnchor: "start",
-                    ...M?.xAxis?.labels
-                  },
-                  className: V(
-                    "xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs",
-                    $?.xAxis?.labels
-                  ),
-                  dy: "1em",
-                  children: U(t[0].date, m)
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r.jsxs("g", { children: [
-              /* @__PURE__ */ r.jsx(
-                "path",
-                {
-                  d: x(t) || "",
-                  style: {
-                    fill: `url(#${c})`,
-                    clipPath: "url(#clip)"
-                  }
-                }
-              ),
-              /* @__PURE__ */ r.jsx(
-                "path",
-                {
-                  d: R(t) || "",
-                  style: {
-                    stroke: p,
-                    fill: "none",
-                    strokeWidth: 2
-                  }
-                }
-              ),
-              f ? /* @__PURE__ */ r.jsx(
-                "circle",
-                {
-                  y1: 0,
-                  cy: j(f.y),
-                  cx: l(f.date),
-                  r: 5,
-                  style: { fill: p }
-                }
-              ) : null
-            ] }),
-            h.filter((e) => e.position === "after").map((e) => e.layer),
-            /* @__PURE__ */ r.jsx(
-              "rect",
-              {
-                ref: I,
-                style: {
-                  fill: "none",
-                  pointerEvents: "all"
-                },
-                width: P,
-                height: o
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    f && b && G && D ? /* @__PURE__ */ r.jsx(
-      _,
-      {
-        data: f,
-        body: b,
-        xPos: G,
-        yPos: D,
-        backgroundStyle: M?.tooltip,
-        className: $?.tooltip
-      }
-    ) : null
+    Pt(G.current).on("mousemove", d).on("mouseout", Ct), Y?.(void 0);
+  }, [s, o, Y]);
+  let I;
+  t[13] !== $ || t[14] !== l ? (I = $ ? /* @__PURE__ */ i.jsxs("linearGradient", { id: $, x1: "0", x2: "0", y1: "0", y2: "1", children: [
+    /* @__PURE__ */ i.jsx("stop", { style: {
+      stopColor: l
+    }, stopOpacity: "0.1", offset: "0%" }),
+    /* @__PURE__ */ i.jsx("stop", { style: {
+      stopColor: l
+    }, stopOpacity: "0", offset: "100%" })
+  ] }) : null, t[13] = $, t[14] = l, t[15] = I) : I = t[15];
+  let L;
+  t[16] !== j ? (L = j.filter(Zt).map(Qt), t[16] = j, t[17] = L) : L = t[17];
+  const K = w?.xAxis?.labels;
+  let h;
+  t[18] !== K ? (h = Mt("xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs", K), t[18] = K, t[19] = h) : h = t[19];
+  const Q = o[o.length - 1];
+  let g;
+  t[20] !== Q.date || t[21] !== s ? (g = s(Q.date), t[20] = Q.date, t[21] = s, t[22] = g) : g = t[22];
+  const ft = k?.xAxis?.labels;
+  let x;
+  t[23] !== ft ? (x = {
+    textAnchor: "end",
+    ...ft
+  }, t[23] = ft, t[24] = x) : x = t[24];
+  const dt = o[o.length - 1];
+  let M;
+  t[25] !== a || t[26] !== dt.date ? (M = _t(dt.date, a), t[25] = a, t[26] = dt.date, t[27] = M) : M = t[27];
+  let C;
+  t[28] !== n || t[29] !== x || t[30] !== M || t[31] !== h || t[32] !== g ? (C = /* @__PURE__ */ i.jsx("text", { className: h, y: n, x: g, style: x, dy: "1em", children: M }), t[28] = n, t[29] = x, t[30] = M, t[31] = h, t[32] = g, t[33] = C) : C = t[33];
+  let v;
+  t[34] !== o || t[35] !== s ? (v = s(o[0].date), t[34] = o, t[35] = s, t[36] = v) : v = t[36];
+  const P = k?.xAxis?.labels;
+  let _;
+  t[37] !== P ? (_ = {
+    textAnchor: "start",
+    ...P
+  }, t[37] = P, t[38] = _) : _ = t[38];
+  const Z = w?.xAxis?.labels;
+  let m;
+  t[39] !== Z ? (m = Mt("xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs", Z), t[39] = Z, t[40] = m) : m = t[40];
+  let p;
+  t[41] !== o || t[42] !== a ? (p = _t(o[0].date, a), t[41] = o, t[42] = a, t[43] = p) : p = t[43];
+  let f;
+  t[44] !== n || t[45] !== v || t[46] !== _ || t[47] !== m || t[48] !== p ? (f = /* @__PURE__ */ i.jsx("text", { y: n, x: v, style: _, className: m, dy: "1em", children: p }), t[44] = n, t[45] = v, t[46] = _, t[47] = m, t[48] = p, t[49] = f) : f = t[49];
+  let y;
+  t[50] !== C || t[51] !== f ? (y = /* @__PURE__ */ i.jsxs("g", { children: [
+    C,
+    f
+  ] }), t[50] = C, t[51] = f, t[52] = y) : y = t[52];
+  const T = `url(#${$})`;
+  let tt;
+  t[53] !== T ? (tt = {
+    fill: T,
+    clipPath: "url(#clip)"
+  }, t[53] = T, t[54] = tt) : tt = t[54];
+  let et;
+  t[55] !== l ? (et = {
+    stroke: l,
+    fill: "none",
+    strokeWidth: 2
+  }, t[55] = l, t[56] = et) : et = t[56];
+  let ht;
+  t[57] !== j ? (ht = j.filter(Kt).map(Jt), t[57] = j, t[58] = ht) : ht = t[58];
+  let gt;
+  t[59] === Symbol.for("react.memo_cache_sentinel") ? (gt = {
+    fill: "none",
+    pointerEvents: "all"
+  }, t[59] = gt) : gt = t[59];
+  let xt;
+  t[60] !== G || t[61] !== n || t[62] !== r ? (xt = /* @__PURE__ */ i.jsx("rect", { ref: G, style: gt, width: r, height: n }), t[60] = G, t[61] = n, t[62] = r, t[63] = xt) : xt = t[63];
+  let vt;
+  return t[64] !== w?.tooltip || t[65] !== O || t[66] !== z || t[67] !== u || t[68] !== k?.tooltip || t[69] !== N ? (vt = u && N && O && z ? /* @__PURE__ */ i.jsx(Nt, { data: u, body: N, xPos: O, yPos: z, backgroundStyle: k?.tooltip, className: w?.tooltip }) : null, t[64] = w?.tooltip, t[65] = O, t[66] = z, t[67] = u, t[68] = k?.tooltip, t[69] = N, t[70] = vt) : vt = t[70], /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs("svg", { width: `${S}px`, height: `${W}px`, viewBox: `0 0 ${S} ${W}`, direction: "ltr", children: [
+      I,
+      /* @__PURE__ */ i.jsxs("g", { transform: `translate(${D.left},${D.top})`, children: [
+        L,
+        y,
+        /* @__PURE__ */ i.jsxs("g", { children: [
+          /* @__PURE__ */ i.jsx("path", { d: st(o) || "", style: tt }),
+          /* @__PURE__ */ i.jsx("path", { d: pt(o) || "", style: et }),
+          u ? /* @__PURE__ */ i.jsx("circle", { y1: 0, cy: F(u.y), cx: s(u.date), r: 5, style: {
+            fill: l
+          } }) : null
+        ] }),
+        ht,
+        xt
+      ] })
+    ] }),
+    vt
   ] });
 }
-function Ie(E) {
-  const {
-    data: u,
-    graphTitle: n,
-    lineColor: w,
-    sources: p,
-    graphDescription: m,
-    height: c,
-    width: a,
-    footNote: k,
-    dateFormat: F = "yyyy",
-    area: L = !1,
-    padding: b,
-    backgroundColor: i,
-    leftMargin: A = 5,
-    rightMargin: O = 5,
-    topMargin: y = 10,
-    bottomMargin: M = 20,
-    tooltip: $,
-    relativeHeight: h,
-    onSeriesMouseOver: H,
-    graphID: f,
-    minValue: T,
-    maxValue: G,
-    graphDownload: N = !1,
-    dataDownload: D = !1,
-    language: v = "en",
-    minHeight: s = 0,
-    theme: I = "light",
-    ariaLabel: t,
-    curveType: P = "curve",
+function Jt(e) {
+  return e.layer;
+}
+function Kt(e) {
+  return e.position === "after";
+}
+function Qt(e) {
+  return e.layer;
+}
+function Zt(e) {
+  return e.position === "before";
+}
+function te(e) {
+  return e.date;
+}
+function ee(e) {
+  return e != null;
+}
+function oe(e) {
+  return e.y;
+}
+function re(e) {
+  return e != null;
+}
+function ie(e) {
+  return e.y;
+}
+function ne(e) {
+  return e != null;
+}
+function se(e) {
+  return e.y;
+}
+function ae(e) {
+  return e != null;
+}
+function le(e) {
+  return e.y;
+}
+function ce(e) {
+  return e != null;
+}
+function me(e) {
+  return e.y;
+}
+function Re(e) {
+  const t = wt.c(60), {
+    data: b,
+    graphTitle: S,
+    lineColor: W,
+    sources: l,
+    graphDescription: a,
+    height: $,
+    width: c,
+    footNote: A,
+    dateFormat: ot,
+    area: rt,
+    padding: N,
+    backgroundColor: Y,
+    leftMargin: B,
+    rightMargin: V,
+    topMargin: X,
+    bottomMargin: k,
+    tooltip: w,
+    relativeHeight: j,
+    onSeriesMouseOver: it,
+    graphID: u,
+    minValue: nt,
+    maxValue: O,
+    graphDownload: at,
+    dataDownload: z,
+    language: lt,
+    minHeight: U,
+    theme: D,
+    ariaLabel: G,
+    curveType: q,
     styles: o,
-    classNames: d,
-    customLayers: Y = []
-  } = E, [g, C] = S(0), [l, j] = S(0), x = X(null), R = X(null);
-  return J(() => {
-    const e = new ResizeObserver((W) => {
-      C(a || W[0].target.clientWidth || 620), j(c || W[0].target.clientHeight || 480);
+    classNames: r,
+    customLayers: n
+  } = e, ct = ot === void 0 ? "yyyy" : ot, mt = rt === void 0 ? !1 : rt, J = Y === void 0 ? !0 : Y, H = B === void 0 ? 5 : B, s = V === void 0 ? 5 : V, R = X === void 0 ? 10 : X, E = k === void 0 ? 20 : k, F = at === void 0 ? !1 : at, st = z === void 0 ? !1 : z, pt = lt === void 0 ? "en" : lt, I = U === void 0 ? 0 : U, L = D === void 0 ? "light" : D, K = q === void 0 ? "curve" : q;
+  let h;
+  t[0] !== n ? (h = n === void 0 ? [] : n, t[0] = n, t[1] = h) : h = t[1];
+  const Q = h, [g, ft] = ut(0), [x, dt] = ut(0), M = bt(null), C = bt(null);
+  let v, P;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (v = () => {
+    const tt = new ResizeObserver((et) => {
+      ft(et[0].target.clientWidth || 620), dt(et[0].target.clientHeight || 480);
     });
-    return x.current && (j(x.current.clientHeight || 480), C(x.current.clientWidth || 620), a || e.observe(x.current)), () => e.disconnect();
-  }, [a, c]), /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      className: `${I || "light"} flex  ${a ? "w-fit grow-0" : "w-full grow"}`,
-      dir: v === "he" || v === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          className: V(
-            `${i ? i === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${v || "en"}`,
-            a ? "w-fit" : "w-full",
-            d?.graphContainer
-          ),
-          style: {
-            ...o?.graphContainer || {},
-            ...i && i !== !0 ? { backgroundColor: i } : {}
-          },
-          id: f,
-          ref: R,
-          "aria-label": t || `${n ? `The graph shows ${n}. ` : ""}This is a line chart that show trends over time.${m ? ` ${m}` : ""}`,
-          children: /* @__PURE__ */ r.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: i ? b || "1rem" : b || 0 },
-              children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                n || m || N || D ? /* @__PURE__ */ r.jsx(
-                  he,
-                  {
-                    styles: {
-                      title: o?.title,
-                      description: o?.description
-                    },
-                    classNames: {
-                      title: d?.title,
-                      description: d?.description
-                    },
-                    graphTitle: n,
-                    graphDescription: m,
-                    width: a,
-                    graphDownload: N ? R.current : void 0,
-                    dataDownload: D ? u.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? u.map((e) => e.data).filter((e) => e !== void 0) : u.filter((e) => e !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ r.jsx(
-                  "div",
-                  {
-                    className: "flex flex-col grow justify-center leading-0",
-                    ref: x,
-                    "aria-label": "Graph area",
-                    children: (a || g) && (c || l) ? /* @__PURE__ */ r.jsx(
-                      xe,
-                      {
-                        data: u,
-                        lineColor: w || fe.primaryColors["blue-600"],
-                        width: a || g,
-                        height: Math.max(
-                          s,
-                          c || (h ? s ? (a || g) * h > s ? (a || g) * h : s : (a || g) * h : l)
-                        ),
-                        dateFormat: F,
-                        areaId: L ? ge(8) : void 0,
-                        leftMargin: A,
-                        rightMargin: O,
-                        topMargin: y,
-                        bottomMargin: M,
-                        tooltip: $,
-                        onSeriesMouseOver: H,
-                        minValue: T,
-                        maxValue: G,
-                        curveType: P,
-                        styles: o,
-                        classNames: d,
-                        customLayers: Y
-                      }
-                    ) : null
-                  }
-                ),
-                p || k ? /* @__PURE__ */ r.jsx(
-                  pe,
-                  {
-                    styles: { footnote: o?.footnote, source: o?.source },
-                    classNames: {
-                      footnote: d?.footnote,
-                      source: d?.source
-                    },
-                    sources: p,
-                    footNote: k,
-                    width: a
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    return M.current && tt.observe(M.current), () => tt.disconnect();
+  }, P = [], t[2] = v, t[3] = P) : (v = t[2], P = t[3]), Dt(v, P);
+  const _ = r?.graphContainer, Z = o?.graphContainer;
+  let m;
+  t[4] !== r?.description || t[5] !== r?.title || t[6] !== b || t[7] !== st || t[8] !== a || t[9] !== F || t[10] !== S || t[11] !== o?.description || t[12] !== o?.title || t[13] !== c ? (m = S || a || F || st ? /* @__PURE__ */ i.jsx(Bt, { styles: {
+    title: o?.title,
+    description: o?.description
+  }, classNames: {
+    title: r?.title,
+    description: r?.description
+  }, graphTitle: S, graphDescription: a, width: c, graphDownload: F ? C : void 0, dataDownload: st ? b.map(he).filter(ue).length > 0 ? b.map(de).filter(fe) : b.filter(pe) : null }) : null, t[4] = r?.description, t[5] = r?.title, t[6] = b, t[7] = st, t[8] = a, t[9] = F, t[10] = S, t[11] = o?.description, t[12] = o?.title, t[13] = c, t[14] = m) : m = t[14];
+  let p;
+  t[15] !== mt || t[16] !== E || t[17] !== r || t[18] !== K || t[19] !== Q || t[20] !== b || t[21] !== ct || t[22] !== H || t[23] !== W || t[24] !== O || t[25] !== nt || t[26] !== it || t[27] !== s || t[28] !== o || t[29] !== x || t[30] !== g || t[31] !== w || t[32] !== R ? (p = g && x ? /* @__PURE__ */ i.jsx(qt, { data: b, lineColor: W || Vt.primaryColors["blue-600"], width: g, height: x, dateFormat: ct, areaId: mt ? Xt(8) : void 0, leftMargin: H, rightMargin: s, topMargin: R, bottomMargin: E, tooltip: w, onSeriesMouseOver: it, minValue: nt, maxValue: O, curveType: K, styles: o, classNames: r, customLayers: Q }) : null, t[15] = mt, t[16] = E, t[17] = r, t[18] = K, t[19] = Q, t[20] = b, t[21] = ct, t[22] = H, t[23] = W, t[24] = O, t[25] = nt, t[26] = it, t[27] = s, t[28] = o, t[29] = x, t[30] = g, t[31] = w, t[32] = R, t[33] = p) : p = t[33];
+  let f;
+  t[34] !== p ? (f = /* @__PURE__ */ i.jsx(zt, { ref: M, children: p }), t[34] = p, t[35] = f) : f = t[35];
+  let y;
+  t[36] !== r?.footnote || t[37] !== r?.source || t[38] !== A || t[39] !== l || t[40] !== o?.footnote || t[41] !== o?.source || t[42] !== c ? (y = l || A ? /* @__PURE__ */ i.jsx(Yt, { styles: {
+    footnote: o?.footnote,
+    source: o?.source
+  }, classNames: {
+    footnote: r?.footnote,
+    source: r?.source
+  }, sources: l, footNote: A, width: c }) : null, t[36] = r?.footnote, t[37] = r?.source, t[38] = A, t[39] = l, t[40] = o?.footnote, t[41] = o?.source, t[42] = c, t[43] = y) : y = t[43];
+  let T;
+  return t[44] !== G || t[45] !== J || t[46] !== u || t[47] !== $ || t[48] !== pt || t[49] !== I || t[50] !== N || t[51] !== j || t[52] !== _ || t[53] !== Z || t[54] !== m || t[55] !== f || t[56] !== y || t[57] !== L || t[58] !== c ? (T = /* @__PURE__ */ i.jsxs(Ut, { className: _, style: Z, id: u, ref: C, "aria-label": G, backgroundColor: J, theme: L, language: pt, minHeight: I, width: c, height: $, relativeHeight: j, padding: N, children: [
+    m,
+    f,
+    y
+  ] }), t[44] = G, t[45] = J, t[46] = u, t[47] = $, t[48] = pt, t[49] = I, t[50] = N, t[51] = j, t[52] = _, t[53] = Z, t[54] = m, t[55] = f, t[56] = y, t[57] = L, t[58] = c, t[59] = T) : T = t[59], T;
+}
+function pe(e) {
+  return e !== void 0;
+}
+function fe(e) {
+  return e !== void 0;
+}
+function de(e) {
+  return e.data;
+}
+function ue(e) {
+  return e !== void 0;
+}
+function he(e) {
+  return e.data;
 }
 export {
-  Ie as SparkLine
+  Re as SparkLine
 };
 //# sourceMappingURL=SparkLine.js.map