@undp/data-viz 1.5.9 → 2.0.0

package/dist/SlopeChart.js

@@ -1,582 +1,548 @@
-import { j as o, m as j } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as ii, useState as I, useEffect as yi } from "react";
-import { i as xi } from "./index-Bwrro8-q.js";
-import { G as mi } from "./Modal-Cg8daIlV.js";
-import { T as hi } from "./Tooltip-6LIdPQGC.js";
-import { c as J } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { Colors as s } from "./Colors.js";
-import { s as fi } from "./string2HTML-oFCROsus.js";
-import { A as ri } from "./Axis-4gUOL8B7.js";
-import { A as ai } from "./AxisTitle-v6_xcXZ-.js";
-import { a as gi } from "./linear-DUdu7l2G.js";
-import { u as ui } from "./use-in-view-DR-UTB96.js";
-import { m as O } from "./proxy-BYIC9BuT.js";
-import { A as di } from "./index-Cwgh7i7X.js";
-import { GraphFooter as pi } from "./GraphFooter.js";
-import { GraphHeader as wi } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as vi } from "./ColorLegendWithMouseOver.js";
-import { E as bi } from "./EmptyState-36lXXyui.js";
-import { u as ni } from "./uniqBy-BHy4I8PK.js";
-function Oi(K) {
-  const {
-    data: l,
-    width: $,
-    height: k,
-    showLabels: H,
-    colors: e,
-    colorDomain: a,
-    radius: r,
-    leftMargin: m,
-    rightMargin: G,
-    topMargin: R,
-    bottomMargin: Q,
-    tooltip: X,
-    onSeriesMouseOver: F,
-    axisTitles: L,
-    highlightedDataPoints: x,
-    selectedColor: D,
-    minValue: q,
-    maxValue: z,
-    onSeriesMouseClick: E,
-    resetSelectionOnDoubleClick: Z,
-    detailsOnClick: g,
-    styles: d,
-    classNames: h,
-    animate: c,
-    dimmedOpacity: p,
-    customLayers: B
-  } = K, _ = ii(null), w = ui(_, {
-    once: c.once,
-    amount: c.amount
-  }), [v, S] = I(void 0), [M, N] = I(void 0), [U, C] = I(void 0), [T, W] = I(void 0), A = {
-    top: R,
-    bottom: Q,
-    left: m,
-    right: G
-  }, u = $ - A.left - A.right, f = k - A.top - A.bottom, b = Math.min(Math.min(...l.map((i) => i.y1)), Math.min(...l.map((i) => i.y2))), P = Math.max(Math.max(...l.map((i) => i.y1)), Math.max(...l.map((i) => i.y2))), y = gi().domain([
-    J(q) ? b > 0 ? 0 : b : q,
-    J(z) ? P > 0 ? P : 0 : z
-  ]).range([f, 0]).nice();
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
-      O.svg,
-      {
-        width: `${$}px`,
-        height: `${k}px`,
-        viewBox: `0 0 ${$} ${k}`,
-        className: "mx-auto",
-        direction: "ltr",
-        ref: _,
-        children: /* @__PURE__ */ o.jsxs("g", { transform: `translate(${A.left},${A.top})`, children: [
-          /* @__PURE__ */ o.jsxs("g", { children: [
-            /* @__PURE__ */ o.jsx(
-              ri,
-              {
-                y1: 0,
-                y2: f,
-                x1: r,
-                x2: r,
-                classNames: {
-                  axis: j(
-                    "stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",
-                    h?.yAxis?.axis
-                  )
-                }
-              }
-            ),
-            /* @__PURE__ */ o.jsx(
-              ai,
-              {
-                x: r,
-                y: f + 15,
-                style: d?.yAxis?.title,
-                className: j(
-                  "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
-                  h?.yAxis?.title
-                ),
-                text: L[0]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o.jsxs("g", { children: [
-            /* @__PURE__ */ o.jsx(
-              ri,
-              {
-                y1: 0,
-                y2: f,
-                x1: u - r,
-                x2: u - r,
-                classNames: {
-                  axis: j(
-                    "stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",
-                    h?.yAxis?.axis
-                  )
-                }
-              }
-            ),
-            /* @__PURE__ */ o.jsx(
-              ai,
-              {
-                x: u - r,
-                y: f + 15,
-                style: d?.yAxis?.title,
-                className: j(
-                  "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
-                  h?.yAxis?.title
-                ),
-                text: L[1]
-              }
-            )
-          ] }),
-          B.filter((i) => i.position === "before").map((i) => i.layer),
-          /* @__PURE__ */ o.jsx(di, { children: l.map((i, V) => /* @__PURE__ */ o.jsxs(
-            O.g,
-            {
-              variants: {
-                initial: {
-                  opacity: D ? i.color && e[a.indexOf(`${i.color}`)] === D ? 1 : p : v ? v.label === i.label ? 1 : p : x.length !== 0 ? x.indexOf(i.label) !== -1 ? 1 : p : 1
-                },
-                whileInView: {
-                  opacity: D ? i.color && e[a.indexOf(`${i.color}`)] === D ? 1 : p : v ? v.label === i.label ? 1 : p : x.length !== 0 ? x.indexOf(i.label) !== -1 ? 1 : p : 1,
-                  transition: { duration: c.duration }
-                }
-              },
-              initial: "initial",
-              animate: w ? "whileInView" : "initial",
-              exit: { opacity: 0, transition: { duration: c.duration } },
-              onMouseEnter: (t) => {
-                S(i), W(t.clientY), C(t.clientX), F?.(i);
-              },
-              onMouseMove: (t) => {
-                S(i), W(t.clientY), C(t.clientX);
-              },
-              onMouseLeave: () => {
-                S(void 0), C(void 0), W(void 0), F?.(void 0);
-              },
-              onClick: () => {
-                (E || g) && (xi(M, i) && Z ? (N(void 0), E?.(void 0)) : (N(i), E?.(i)));
-              },
-              children: [
-                /* @__PURE__ */ o.jsx(
-                  O.circle,
-                  {
-                    variants: {
-                      initial: {
-                        cx: r,
-                        cy: y(i.y1),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        stroke: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 0
-                      },
-                      whileInView: {
-                        cx: r,
-                        cy: y(i.y1),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        stroke: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 1,
-                        transition: { duration: c.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: w ? "whileInView" : "initial",
-                    exit: { opacity: 0, transition: { duration: c.duration } },
-                    r,
-                    style: {
-                      fillOpacity: 0.6
-                    }
-                  }
-                ),
-                H ? /* @__PURE__ */ o.jsx(
-                  O.text,
-                  {
-                    variants: {
-                      initial: {
-                        y: y(i.y1),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 0
-                      },
-                      whileInView: {
-                        y: y(i.y1),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 1,
-                        transition: { duration: c.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: w ? "whileInView" : "initial",
-                    exit: { opacity: 0, transition: { duration: c.duration } },
-                    style: {
-                      textAnchor: "end",
-                      ...d?.yAxis?.labels || {}
-                    },
-                    className: j("text-xs", h?.yAxis?.labels),
-                    x: 5,
-                    dy: "0.33em",
-                    textAnchor: "end",
-                    dx: 0 - r - 3,
-                    children: i.label
-                  }
-                ) : x.length !== 0 && x.indexOf(i.label) !== -1 ? /* @__PURE__ */ o.jsx(
-                  O.text,
-                  {
-                    variants: {
-                      initial: {
-                        y: y(i.y1),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 0
-                      },
-                      whileInView: {
-                        y: y(i.y1),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 1,
-                        transition: { duration: c.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: w ? "whileInView" : "initial",
-                    exit: { opacity: 0, transition: { duration: c.duration } },
-                    style: {
-                      textAnchor: "end",
-                      ...d?.yAxis?.labels || {}
-                    },
-                    className: j("text-xs", h?.yAxis?.labels),
-                    x: 5,
-                    dy: "0.33em",
-                    dx: -3,
-                    children: i.label
-                  }
-                ) : null,
-                /* @__PURE__ */ o.jsx(
-                  O.circle,
-                  {
-                    variants: {
-                      initial: {
-                        cx: u - r,
-                        cy: y(i.y2),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        stroke: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 0
-                      },
-                      whileInView: {
-                        cx: u - r,
-                        cy: y(i.y2),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        stroke: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 1,
-                        transition: { duration: c.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: w ? "whileInView" : "initial",
-                    exit: { opacity: 0, transition: { duration: c.duration } },
-                    r,
-                    style: {
-                      fillOpacity: 0.6
-                    }
-                  }
-                ),
-                H ? /* @__PURE__ */ o.jsx(
-                  O.text,
-                  {
-                    variants: {
-                      initial: {
-                        y: y(i.y2),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 0
-                      },
-                      whileInView: {
-                        y: y(i.y2),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 1,
-                        transition: { duration: c.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: w ? "whileInView" : "initial",
-                    exit: { opacity: 0, transition: { duration: c.duration } },
-                    style: {
-                      textAnchor: "start",
-                      ...d?.yAxis?.labels || {}
-                    },
-                    className: j("text-xs", h?.yAxis?.labels),
-                    x: u - 5,
-                    dy: "0.33em",
-                    dx: r + 3,
-                    children: i.label
-                  }
-                ) : x.length !== 0 && x.indexOf(i.label) !== -1 ? /* @__PURE__ */ o.jsx(
-                  O.text,
-                  {
-                    variants: {
-                      initial: {
-                        y: y(i.y2),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 0
-                      },
-                      whileInView: {
-                        y: y(i.y2),
-                        fill: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        opacity: 1,
-                        transition: { duration: c.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: w ? "whileInView" : "initial",
-                    exit: { opacity: 0, transition: { duration: c.duration } },
-                    style: {
-                      textAnchor: "start",
-                      ...d?.yAxis?.labels || {}
-                    },
-                    className: j("text-xs", h?.yAxis?.labels),
-                    x: u - 5,
-                    dy: "0.33em",
-                    dx: 3,
-                    children: i.label
-                  }
-                ) : null,
-                /* @__PURE__ */ o.jsx(
-                  O.line,
-                  {
-                    variants: {
-                      initial: {
-                        x1: r,
-                        x2: u - r,
-                        y1: y(i.y1),
-                        y2: y(i.y1),
-                        stroke: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray
-                      },
-                      whileInView: {
-                        x1: r,
-                        x2: u - r,
-                        y1: y(i.y1),
-                        y2: y(i.y2),
-                        stroke: l.filter((t) => t.color).length === 0 ? e[0] : i.color ? e[a.indexOf(`${i.color}`)] : s.gray,
-                        transition: { duration: c.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: w ? "whileInView" : "initial",
-                    exit: { opacity: 0, transition: { duration: c.duration } },
-                    className: h?.dataConnectors,
-                    style: {
-                      fill: "none",
-                      strokeWidth: 1,
-                      ...d?.dataConnectors
-                    }
-                  }
-                )
-              ]
-            },
-            V
-          )) }),
-          B.filter((i) => i.position === "after").map((i) => i.layer)
-        ] })
+import { c as Qt, m as At, j as n } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as Bt, useState as Nt, useEffect as _t } from "react";
+import { i as te } from "./index-Bwrro8-q.js";
+import { l as ee } from "./Modal-DGcuAHyK.js";
+import { T as ie } from "./Tooltip-CwWUegPB.js";
+import { c as Xt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { Colors as y } from "./Colors.js";
+import { s as oe } from "./string2HTML-DhG75NqA.js";
+import { A as Ut } from "./Axis-CRyfcLjc.js";
+import { A as Jt } from "./AxisTitle-jeI7am8o.js";
+import { a as le } from "./linear-BwnDd9KF.js";
+import { u as ne } from "./use-in-view-Cxa7y1TH.js";
+import { m as ut } from "./proxy-BxkFHwUw.js";
+import { A as re } from "./index-BqfRwk1n.js";
+import { GraphFooter as ae } from "./GraphFooter.js";
+import { GraphHeader as se } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as ce } from "./ColorLegendWithMouseOver.js";
+import { E as fe } from "./EmptyState-BZo1BbAn.js";
+import { u as Kt } from "./uniqBy-BHy4I8PK.js";
+import { a as ue, G as me } from "./GraphContainer-CRqzdKu2.js";
+function ye(e) {
+  const t = Qt.c(147), {
+    data: o,
+    width: G,
+    height: $,
+    showLabels: ot,
+    colors: l,
+    colorDomain: f,
+    radius: s,
+    leftMargin: x,
+    rightMargin: mt,
+    topMargin: yt,
+    bottomMargin: Ct,
+    tooltip: $t,
+    onSeriesMouseOver: lt,
+    axisTitles: h,
+    highlightedDataPoints: b,
+    selectedColor: nt,
+    minValue: rt,
+    maxValue: at,
+    onSeriesMouseClick: pt,
+    resetSelectionOnDoubleClick: jt,
+    detailsOnClick: d,
+    styles: p,
+    classNames: u,
+    animate: r,
+    dimmedOpacity: g,
+    customLayers: j
+  } = e, Vt = Bt(null);
+  let xt;
+  t[0] !== r.amount || t[1] !== r.once ? (xt = {
+    once: r.once,
+    amount: r.amount
+  }, t[0] = r.amount, t[1] = r.once, t[2] = xt) : xt = t[2];
+  const O = ne(Vt, xt), [A, It] = Nt(void 0), [k, St] = Nt(void 0), [kt, Lt] = Nt(void 0), [ht, Tt] = Nt(void 0);
+  let dt;
+  t[3] !== Ct || t[4] !== x || t[5] !== mt || t[6] !== yt ? (dt = {
+    top: yt,
+    bottom: Ct,
+    left: x,
+    right: mt
+  }, t[3] = Ct, t[4] = x, t[5] = mt, t[6] = yt, t[7] = dt) : dt = t[7];
+  const c = dt, a = G - c.left - c.right, v = $ - c.top - c.bottom;
+  let Mt;
+  t[8] !== o ? (Mt = Math.min(...o.map(Ge)), t[8] = o, t[9] = Mt) : Mt = t[9];
+  let st;
+  t[10] !== o ? (st = Math.min(...o.map(Pe)), t[10] = o, t[11] = st) : st = t[11];
+  const W = Math.min(Mt, st);
+  let gt;
+  t[12] !== o ? (gt = Math.max(...o.map(Ee)), t[12] = o, t[13] = gt) : gt = t[13];
+  let ct;
+  t[14] !== o ? (ct = Math.max(...o.map(He)), t[14] = o, t[15] = ct) : ct = t[15];
+  const Y = Math.max(gt, ct);
+  let R, X, M, F, q, z, V, B, I, S, L, D, N;
+  if (t[16] !== r.duration || t[17] !== h[0] || t[18] !== h[1] || t[19] !== u?.dataConnectors || t[20] !== u?.yAxis?.axis || t[21] !== u?.yAxis?.labels || t[22] !== u?.yAxis?.title || t[23] !== f || t[24] !== l || t[25] !== j || t[26] !== o || t[27] !== d || t[28] !== g || t[29] !== v || t[30] !== a || t[31] !== $ || t[32] !== b || t[33] !== O || t[34] !== c.left || t[35] !== c.top || t[36] !== at || t[37] !== Y || t[38] !== rt || t[39] !== W || t[40] !== k || t[41] !== A || t[42] !== pt || t[43] !== lt || t[44] !== s || t[45] !== jt || t[46] !== nt || t[47] !== ot || t[48] !== p?.dataConnectors || t[49] !== p?.yAxis?.labels || t[50] !== p?.yAxis?.title || t[51] !== G) {
+    let E;
+    t[65] !== rt || t[66] !== W ? (E = Xt(rt) ? W > 0 ? 0 : W : rt, t[65] = rt, t[66] = W, t[67] = E) : E = t[67];
+    let Ht;
+    t[68] !== at || t[69] !== Y ? (Ht = Xt(at) ? Y > 0 ? Y : 0 : at, t[68] = at, t[69] = Y, t[70] = Ht) : Ht = t[70];
+    const m = le().domain([E, Ht]).range([v, 0]).nice();
+    X = ut.svg, F = `${G}px`, q = `${$}px`, z = `0 0 ${G} ${$}`, V = "mx-auto", B = "ltr", I = Vt, L = `translate(${c.left},${c.top})`;
+    const Yt = u?.yAxis?.axis;
+    let Q;
+    t[71] !== Yt ? (Q = At("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550", Yt), t[71] = Yt, t[72] = Q) : Q = t[72];
+    let wt;
+    t[73] !== Q ? (wt = {
+      axis: Q
+    }, t[73] = Q, t[74] = wt) : wt = t[74];
+    let Z;
+    t[75] !== v || t[76] !== s || t[77] !== wt ? (Z = /* @__PURE__ */ n.jsx(Ut, { y1: 0, y2: v, x1: s, x2: s, classNames: wt }), t[75] = v, t[76] = s, t[77] = wt, t[78] = Z) : Z = t[78];
+    const Et = v + 15, bt = p?.yAxis?.title, Ot = u?.yAxis?.title;
+    let _;
+    t[79] !== Ot ? (_ = At("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", Ot), t[79] = Ot, t[80] = _) : _ = t[80];
+    let tt;
+    t[81] !== h[0] || t[82] !== s || t[83] !== Et || t[84] !== bt || t[85] !== _ ? (tt = /* @__PURE__ */ n.jsx(Jt, { x: s, y: Et, style: bt, className: _, text: h[0] }), t[81] = h[0], t[82] = s, t[83] = Et, t[84] = bt, t[85] = _, t[86] = tt) : tt = t[86], t[87] !== Z || t[88] !== tt ? (D = /* @__PURE__ */ n.jsxs("g", { children: [
+      Z,
+      tt
+    ] }), t[87] = Z, t[88] = tt, t[89] = D) : D = t[89];
+    const Dt = a - s, et = a - s, it = u?.yAxis?.axis;
+    let C;
+    t[90] !== it ? (C = At("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550", it), t[90] = it, t[91] = C) : C = t[91];
+    let P;
+    t[92] !== C ? (P = {
+      axis: C
+    }, t[92] = C, t[93] = P) : P = t[93];
+    let ft;
+    t[94] !== v || t[95] !== Dt || t[96] !== et || t[97] !== P ? (ft = /* @__PURE__ */ n.jsx(Ut, { y1: 0, y2: v, x1: Dt, x2: et, classNames: P }), t[94] = v, t[95] = Dt, t[96] = et, t[97] = P, t[98] = ft) : ft = t[98];
+    const Pt = a - s, Ft = v + 15, qt = p?.yAxis?.title, zt = u?.yAxis?.title;
+    let Gt;
+    t[99] !== zt ? (Gt = At("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", zt), t[99] = zt, t[100] = Gt) : Gt = t[100];
+    let Wt;
+    t[101] !== h[1] || t[102] !== Pt || t[103] !== Ft || t[104] !== qt || t[105] !== Gt ? (Wt = /* @__PURE__ */ n.jsx(Jt, { x: Pt, y: Ft, style: qt, className: Gt, text: h[1] }), t[101] = h[1], t[102] = Pt, t[103] = Ft, t[104] = qt, t[105] = Gt, t[106] = Wt) : Wt = t[106], t[107] !== ft || t[108] !== Wt ? (N = /* @__PURE__ */ n.jsxs("g", { children: [
+      ft,
+      Wt
+    ] }), t[107] = ft, t[108] = Wt, t[109] = N) : N = t[109], t[110] !== j ? (M = j.filter(Te).map(Le), t[110] = j, t[111] = M) : M = t[111], R = re, S = o.map((i, Zt) => /* @__PURE__ */ n.jsxs(ut.g, { variants: {
+      initial: {
+        opacity: nt ? i.color && l[f.indexOf(`${i.color}`)] === nt ? 1 : g : A ? A.label === i.label ? 1 : g : b.length !== 0 ? b.indexOf(i.label) !== -1 ? 1 : g : 1
+      },
+      whileInView: {
+        opacity: nt ? i.color && l[f.indexOf(`${i.color}`)] === nt ? 1 : g : A ? A.label === i.label ? 1 : g : b.length !== 0 ? b.indexOf(i.label) !== -1 ? 1 : g : 1,
+        transition: {
+          duration: r.duration
+        }
       }
-    ),
-    v && X && U && T ? /* @__PURE__ */ o.jsx(
-      hi,
-      {
-        data: v,
-        body: X,
-        xPos: U,
-        yPos: T,
-        backgroundStyle: d?.tooltip,
-        className: h?.tooltip
+    }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+      opacity: 0,
+      transition: {
+        duration: r.duration
       }
-    ) : null,
-    g && M !== void 0 ? /* @__PURE__ */ o.jsx(
-      mi,
-      {
-        open: M !== void 0,
-        onClose: () => {
-          N(void 0);
+    }, onMouseEnter: (Rt) => {
+      It(i), Tt(Rt.clientY), Lt(Rt.clientX), lt?.(i);
+    }, onMouseMove: (Rt) => {
+      It(i), Tt(Rt.clientY), Lt(Rt.clientX);
+    }, onMouseLeave: () => {
+      It(void 0), Lt(void 0), Tt(void 0), lt?.(void 0);
+    }, onClick: () => {
+      (pt || d) && (te(k, i) && jt ? (St(void 0), pt?.(void 0)) : (St(i), pt?.(i)));
+    }, children: [
+      /* @__PURE__ */ n.jsx(ut.circle, { variants: {
+        initial: {
+          cx: s,
+          cy: m(i.y1),
+          fill: o.filter(Se).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          stroke: o.filter(Ie).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 0
         },
-        children: /* @__PURE__ */ o.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof g == "string" ? { __html: fi(g, M) } : void 0,
-            children: typeof g == "function" ? g(M) : null
+        whileInView: {
+          cx: s,
+          cy: m(i.y1),
+          fill: o.filter(Ve).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          stroke: o.filter(Ne).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 1,
+          transition: {
+            duration: r.duration
           }
-        )
-      }
-    ) : null
-  ] });
-}
-function Ri(K) {
-  const {
-    data: l,
-    graphTitle: $,
-    colors: k,
-    sources: H,
-    graphDescription: e,
-    showLabels: a = !1,
-    height: r,
-    width: m,
-    footNote: G,
-    colorDomain: R,
-    colorLegendTitle: Q,
-    radius: X = 5,
-    axisTitles: F = ["", ""],
-    padding: L,
-    backgroundColor: x = !1,
-    leftMargin: D = 50,
-    rightMargin: q = 50,
-    topMargin: z = 20,
-    bottomMargin: E = 20,
-    tooltip: Z,
-    relativeHeight: g,
-    onSeriesMouseOver: d,
-    showColorScale: h = !0,
-    highlightedDataPoints: c = [],
-    graphID: p,
-    minValue: B,
-    maxValue: _,
-    onSeriesMouseClick: w,
-    graphDownload: v = !1,
-    dataDownload: S = !1,
-    fillContainer: M = !0,
-    language: N = "en",
-    showNAColor: U = !0,
-    minHeight: C = 0,
-    theme: T = "light",
-    ariaLabel: W,
-    resetSelectionOnDoubleClick: A = !0,
-    detailsOnClick: u,
-    styles: f,
-    classNames: b,
-    animate: P = !1,
-    dimmedOpacity: y = 0.3,
-    customLayers: i = []
-  } = K, [V, t] = I(0), [ti, ei] = I(0), [si, ci] = I(void 0), Y = ii(null), oi = ii(null);
-  return yi(() => {
-    const n = new ResizeObserver((li) => {
-      t(m || li[0].target.clientWidth || 620), ei(r || li[0].target.clientHeight || 480);
-    });
-    return Y.current && (ei(Y.current.clientHeight || 480), t(Y.current.clientWidth || 620), m || n.observe(Y.current)), () => n.disconnect();
-  }, [m, r]), /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      className: `${T || "light"} flex ${m ? "grow-0" : "grow"} ${M ? "w-full" : "w-fit"} `,
-      dir: N === "he" || N === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ o.jsx(
-        "div",
-        {
-          className: j(
-            `${x ? x === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${N || "en"}`,
-            M ? "w-full" : "w-fit",
-            b?.graphContainer
-          ),
-          style: {
-            ...f?.graphContainer || {},
-            ...x && x !== !0 ? { backgroundColor: x } : {}
-          },
-          id: p,
-          ref: oi,
-          "aria-label": W || `${$ ? `The graph shows ${$}. ` : ""}This is a slope chart showing changes in data between two category or starting and ending time. Each line represents a different row in data, with lines sloping up or down to show increase or decrease over two categories or time.${e ? ` ${e}` : ""}`,
-          children: /* @__PURE__ */ o.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: x ? L || "1rem" : L || 0 },
-              children: /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                $ || e || v || S ? /* @__PURE__ */ o.jsx(
-                  wi,
-                  {
-                    styles: {
-                      title: f?.title,
-                      description: f?.description
-                    },
-                    classNames: {
-                      title: b?.title,
-                      description: b?.description
-                    },
-                    graphTitle: $,
-                    graphDescription: e,
-                    width: m,
-                    graphDownload: v ? oi.current : void 0,
-                    dataDownload: S ? l.map((n) => n.data).filter((n) => n !== void 0).length > 0 ? l.map((n) => n.data).filter((n) => n !== void 0) : l.filter((n) => n !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ o.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: l.length === 0 ? /* @__PURE__ */ o.jsx(bi, {}) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-                  h && l.filter((n) => n.color).length !== 0 ? /* @__PURE__ */ o.jsx(
-                    vi,
-                    {
-                      width: m,
-                      colorLegendTitle: Q,
-                      colors: k || s[T].categoricalColors.colors,
-                      colorDomain: R || ni(l, "color", !0),
-                      setSelectedColor: ci,
-                      showNAColor: U
-                    }
-                  ) : null,
-                  /* @__PURE__ */ o.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center w-full leading-0",
-                      ref: Y,
-                      "aria-label": "Graph area",
-                      children: (m || V) && (r || ti) ? /* @__PURE__ */ o.jsx(
-                        Oi,
-                        {
-                          data: l.filter(
-                            (n) => !J(n.y1) && !J(n.y2)
-                          ),
-                          width: m || V,
-                          height: Math.max(
-                            C,
-                            r || (g ? C ? (m || V) * g > C ? (m || V) * g : C : (m || V) * g : ti)
-                          ),
-                          colorDomain: l.filter((n) => n.color).length === 0 ? [] : R || ni(l, "color", !0),
-                          colors: l.filter((n) => n.color).length === 0 ? k ? [k] : [s.primaryColors["blue-600"]] : k || s[T].categoricalColors.colors,
-                          selectedColor: si,
-                          axisTitles: F,
-                          showLabels: a,
-                          radius: X,
-                          leftMargin: D,
-                          rightMargin: q,
-                          topMargin: z,
-                          bottomMargin: E,
-                          tooltip: Z,
-                          onSeriesMouseOver: d,
-                          highlightedDataPoints: c,
-                          minValue: B,
-                          maxValue: _,
-                          onSeriesMouseClick: w,
-                          resetSelectionOnDoubleClick: A,
-                          detailsOnClick: u,
-                          styles: f,
-                          classNames: b,
-                          animate: P === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : P || { duration: 0, once: !0, amount: 0 },
-                          dimmedOpacity: y,
-                          customLayers: i
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                H || G ? /* @__PURE__ */ o.jsx(
-                  pi,
-                  {
-                    styles: { footnote: f?.footnote, source: f?.source },
-                    classNames: {
-                      footnote: b?.footnote,
-                      source: b?.source
-                    },
-                    sources: H,
-                    footNote: G,
-                    width: m
-                  }
-                ) : null
-              ] })
-            }
-          )
         }
-      )
-    }
-  );
+      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, r: s, style: {
+        fillOpacity: 0.6
+      } }),
+      ot ? /* @__PURE__ */ n.jsx(ut.text, { variants: {
+        initial: {
+          y: m(i.y1),
+          fill: o.filter(De).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 0
+        },
+        whileInView: {
+          y: m(i.y1),
+          fill: o.filter(Me).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 1,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, style: {
+        textAnchor: "end",
+        ...p?.yAxis?.labels || {}
+      }, className: At("text-xs", u?.yAxis?.labels), x: 5, dy: "0.33em", textAnchor: "end", dx: 0 - s - 3, children: i.label }) : b.length !== 0 && b.indexOf(i.label) !== -1 ? /* @__PURE__ */ n.jsx(ut.text, { variants: {
+        initial: {
+          y: m(i.y1),
+          fill: o.filter(ke).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 0
+        },
+        whileInView: {
+          y: m(i.y1),
+          fill: o.filter(je).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 1,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, style: {
+        textAnchor: "end",
+        ...p?.yAxis?.labels || {}
+      }, className: At("text-xs", u?.yAxis?.labels), x: 5, dy: "0.33em", dx: -3, children: i.label }) : null,
+      /* @__PURE__ */ n.jsx(ut.circle, { variants: {
+        initial: {
+          cx: a - s,
+          cy: m(i.y2),
+          fill: o.filter($e).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          stroke: o.filter(Ce).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 0
+        },
+        whileInView: {
+          cx: a - s,
+          cy: m(i.y2),
+          fill: o.filter(Ae).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          stroke: o.filter(Oe).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 1,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, r: s, style: {
+        fillOpacity: 0.6
+      } }),
+      ot ? /* @__PURE__ */ n.jsx(ut.text, { variants: {
+        initial: {
+          y: m(i.y2),
+          fill: o.filter(be).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 0
+        },
+        whileInView: {
+          y: m(i.y2),
+          fill: o.filter(we).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 1,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, style: {
+        textAnchor: "start",
+        ...p?.yAxis?.labels || {}
+      }, className: At("text-xs", u?.yAxis?.labels), x: a - 5, dy: "0.33em", dx: s + 3, children: i.label }) : b.length !== 0 && b.indexOf(i.label) !== -1 ? /* @__PURE__ */ n.jsx(ut.text, { variants: {
+        initial: {
+          y: m(i.y2),
+          fill: o.filter(ve).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 0
+        },
+        whileInView: {
+          y: m(i.y2),
+          fill: o.filter(ge).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          opacity: 1,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, style: {
+        textAnchor: "start",
+        ...p?.yAxis?.labels || {}
+      }, className: At("text-xs", u?.yAxis?.labels), x: a - 5, dy: "0.33em", dx: 3, children: i.label }) : null,
+      /* @__PURE__ */ n.jsx(ut.line, { variants: {
+        initial: {
+          x1: s,
+          x2: a - s,
+          y1: m(i.y1),
+          y2: m(i.y1),
+          stroke: o.filter(de).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray
+        },
+        whileInView: {
+          x1: s,
+          x2: a - s,
+          y1: m(i.y1),
+          y2: m(i.y2),
+          stroke: o.filter(he).length === 0 ? l[0] : i.color ? l[f.indexOf(`${i.color}`)] : y.gray,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, className: u?.dataConnectors, style: {
+        fill: "none",
+        strokeWidth: 1,
+        ...p?.dataConnectors
+      } })
+    ] }, Zt)), t[16] = r.duration, t[17] = h[0], t[18] = h[1], t[19] = u?.dataConnectors, t[20] = u?.yAxis?.axis, t[21] = u?.yAxis?.labels, t[22] = u?.yAxis?.title, t[23] = f, t[24] = l, t[25] = j, t[26] = o, t[27] = d, t[28] = g, t[29] = v, t[30] = a, t[31] = $, t[32] = b, t[33] = O, t[34] = c.left, t[35] = c.top, t[36] = at, t[37] = Y, t[38] = rt, t[39] = W, t[40] = k, t[41] = A, t[42] = pt, t[43] = lt, t[44] = s, t[45] = jt, t[46] = nt, t[47] = ot, t[48] = p?.dataConnectors, t[49] = p?.yAxis?.labels, t[50] = p?.yAxis?.title, t[51] = G, t[52] = R, t[53] = X, t[54] = M, t[55] = F, t[56] = q, t[57] = z, t[58] = V, t[59] = B, t[60] = I, t[61] = S, t[62] = L, t[63] = D, t[64] = N;
+  } else
+    R = t[52], X = t[53], M = t[54], F = t[55], q = t[56], z = t[57], V = t[58], B = t[59], I = t[60], S = t[61], L = t[62], D = t[63], N = t[64];
+  let U;
+  t[112] !== R || t[113] !== S ? (U = /* @__PURE__ */ n.jsx(R, { children: S }), t[112] = R, t[113] = S, t[114] = U) : U = t[114];
+  let w;
+  t[115] !== j ? (w = j.filter(xe).map(pe), t[115] = j, t[116] = w) : w = t[116];
+  let J;
+  t[117] !== M || t[118] !== U || t[119] !== w || t[120] !== L || t[121] !== D || t[122] !== N ? (J = /* @__PURE__ */ n.jsxs("g", { transform: L, children: [
+    D,
+    N,
+    M,
+    U,
+    w
+  ] }), t[117] = M, t[118] = U, t[119] = w, t[120] = L, t[121] = D, t[122] = N, t[123] = J) : J = t[123];
+  let T;
+  t[124] !== X || t[125] !== F || t[126] !== q || t[127] !== z || t[128] !== V || t[129] !== B || t[130] !== I || t[131] !== J ? (T = /* @__PURE__ */ n.jsx(X, { width: F, height: q, viewBox: z, className: V, direction: B, ref: I, children: J }), t[124] = X, t[125] = F, t[126] = q, t[127] = z, t[128] = V, t[129] = B, t[130] = I, t[131] = J, t[132] = T) : T = t[132];
+  let K;
+  t[133] !== u?.tooltip || t[134] !== kt || t[135] !== ht || t[136] !== A || t[137] !== p?.tooltip || t[138] !== $t ? (K = A && $t && kt && ht ? /* @__PURE__ */ n.jsx(ie, { data: A, body: $t, xPos: kt, yPos: ht, backgroundStyle: p?.tooltip, className: u?.tooltip }) : null, t[133] = u?.tooltip, t[134] = kt, t[135] = ht, t[136] = A, t[137] = p?.tooltip, t[138] = $t, t[139] = K) : K = t[139];
+  let H;
+  t[140] !== d || t[141] !== k ? (H = d && k !== void 0 ? /* @__PURE__ */ n.jsx(ee, { open: k !== void 0, onClose: () => {
+    St(void 0);
+  }, children: /* @__PURE__ */ n.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof d == "string" ? {
+    __html: oe(d, k)
+  } : void 0, children: typeof d == "function" ? d(k) : null }) }) : null, t[140] = d, t[141] = k, t[142] = H) : H = t[142];
+  let vt;
+  return t[143] !== T || t[144] !== K || t[145] !== H ? (vt = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    T,
+    K,
+    H
+  ] }), t[143] = T, t[144] = K, t[145] = H, t[146] = vt) : vt = t[146], vt;
+}
+function pe(e) {
+  return e.layer;
+}
+function xe(e) {
+  return e.position === "after";
+}
+function he(e) {
+  return e.color;
+}
+function de(e) {
+  return e.color;
+}
+function ge(e) {
+  return e.color;
+}
+function ve(e) {
+  return e.color;
+}
+function we(e) {
+  return e.color;
+}
+function be(e) {
+  return e.color;
+}
+function Oe(e) {
+  return e.color;
+}
+function Ae(e) {
+  return e.color;
+}
+function Ce(e) {
+  return e.color;
+}
+function $e(e) {
+  return e.color;
+}
+function je(e) {
+  return e.color;
+}
+function ke(e) {
+  return e.color;
+}
+function Me(e) {
+  return e.color;
+}
+function De(e) {
+  return e.color;
+}
+function Ne(e) {
+  return e.color;
+}
+function Ve(e) {
+  return e.color;
+}
+function Ie(e) {
+  return e.color;
+}
+function Se(e) {
+  return e.color;
+}
+function Le(e) {
+  return e.layer;
+}
+function Te(e) {
+  return e.position === "before";
+}
+function He(e) {
+  return e.y2;
+}
+function Ee(e) {
+  return e.y1;
+}
+function Pe(e) {
+  return e.y2;
+}
+function Ge(e) {
+  return e.y1;
+}
+function xi(e) {
+  const t = Qt.c(76), {
+    data: o,
+    graphTitle: G,
+    colors: $,
+    sources: ot,
+    graphDescription: l,
+    showLabels: f,
+    height: s,
+    width: x,
+    footNote: mt,
+    colorDomain: yt,
+    colorLegendTitle: Ct,
+    radius: $t,
+    axisTitles: lt,
+    padding: h,
+    backgroundColor: b,
+    leftMargin: nt,
+    rightMargin: rt,
+    topMargin: at,
+    bottomMargin: pt,
+    tooltip: jt,
+    relativeHeight: d,
+    onSeriesMouseOver: p,
+    showColorScale: u,
+    highlightedDataPoints: r,
+    graphID: g,
+    minValue: j,
+    maxValue: Vt,
+    onSeriesMouseClick: xt,
+    graphDownload: O,
+    dataDownload: A,
+    fillContainer: It,
+    language: k,
+    showNAColor: St,
+    minHeight: kt,
+    theme: Lt,
+    ariaLabel: ht,
+    resetSelectionOnDoubleClick: Tt,
+    detailsOnClick: dt,
+    styles: c,
+    classNames: a,
+    animate: v,
+    dimmedOpacity: Mt,
+    customLayers: st
+  } = e, W = f === void 0 ? !1 : f, gt = $t === void 0 ? 5 : $t;
+  let ct;
+  t[0] !== lt ? (ct = lt === void 0 ? ["", ""] : lt, t[0] = lt, t[1] = ct) : ct = t[1];
+  const Y = ct, R = b === void 0 ? !1 : b, X = nt === void 0 ? 50 : nt, M = rt === void 0 ? 50 : rt, F = at === void 0 ? 20 : at, q = pt === void 0 ? 20 : pt, z = u === void 0 ? !0 : u;
+  let V;
+  t[2] !== r ? (V = r === void 0 ? [] : r, t[2] = r, t[3] = V) : V = t[3];
+  const B = V, I = O === void 0 ? !1 : O, S = A === void 0 ? !1 : A, L = It === void 0 ? !0 : It, D = k === void 0 ? "en" : k, N = St === void 0 ? !0 : St, U = kt === void 0 ? 0 : kt, w = Lt === void 0 ? "light" : Lt, J = Tt === void 0 ? !0 : Tt, T = v === void 0 ? !1 : v, K = Mt === void 0 ? 0.3 : Mt;
+  let H;
+  t[4] !== st ? (H = st === void 0 ? [] : st, t[4] = st, t[5] = H) : H = t[5];
+  const vt = H, [E, Ht] = Nt(0), [m, Yt] = Nt(0), [Q, wt] = Nt(void 0), Z = Bt(null), Et = Bt(null);
+  let bt, Ot;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (bt = () => {
+    const ft = new ResizeObserver((Pt) => {
+      Ht(Pt[0].target.clientWidth || 620), Yt(Pt[0].target.clientHeight || 480);
+    });
+    return Z.current && ft.observe(Z.current), () => ft.disconnect();
+  }, Ot = [], t[6] = bt, t[7] = Ot) : (bt = t[6], Ot = t[7]), _t(bt, Ot);
+  const _ = a?.graphContainer, tt = c?.graphContainer, Dt = L ? void 0 : x;
+  let et;
+  t[8] !== a?.description || t[9] !== a?.title || t[10] !== o || t[11] !== S || t[12] !== l || t[13] !== I || t[14] !== G || t[15] !== c?.description || t[16] !== c?.title || t[17] !== x ? (et = G || l || I || S ? /* @__PURE__ */ n.jsx(se, { styles: {
+    title: c?.title,
+    description: c?.description
+  }, classNames: {
+    title: a?.title,
+    description: a?.description
+  }, graphTitle: G, graphDescription: l, width: x, graphDownload: I ? Et : void 0, dataDownload: S ? o.map(Ue).filter(Be).length > 0 ? o.map(ze).filter(qe) : o.filter(Fe) : null }) : null, t[8] = a?.description, t[9] = a?.title, t[10] = o, t[11] = S, t[12] = l, t[13] = I, t[14] = G, t[15] = c?.description, t[16] = c?.title, t[17] = x, t[18] = et) : et = t[18];
+  let it;
+  t[19] !== T || t[20] !== Y || t[21] !== q || t[22] !== a || t[23] !== yt || t[24] !== Ct || t[25] !== $ || t[26] !== vt || t[27] !== o || t[28] !== dt || t[29] !== K || t[30] !== L || t[31] !== B || t[32] !== X || t[33] !== Vt || t[34] !== j || t[35] !== xt || t[36] !== p || t[37] !== gt || t[38] !== J || t[39] !== M || t[40] !== Q || t[41] !== z || t[42] !== W || t[43] !== N || t[44] !== c || t[45] !== m || t[46] !== E || t[47] !== w || t[48] !== jt || t[49] !== F || t[50] !== x ? (it = o.length === 0 ? /* @__PURE__ */ n.jsx(fe, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    z && o.filter(Xe).length !== 0 ? /* @__PURE__ */ n.jsx(ce, { width: x, colorLegendTitle: Ct, colors: $ || y[w].categoricalColors.colors, colorDomain: yt || Kt(o, "color", !0), setSelectedColor: wt, showNAColor: N, className: a?.colorLegend }) : null,
+    /* @__PURE__ */ n.jsx(ue, { ref: Z, children: E && m ? /* @__PURE__ */ n.jsx(ye, { data: o.filter(Re), width: L || !x || E < x ? E : x, height: m, colorDomain: o.filter(Ye).length === 0 ? [] : yt || Kt(o, "color", !0), colors: o.filter(We).length === 0 ? $ ? [$] : [y.primaryColors["blue-600"]] : $ || y[w].categoricalColors.colors, selectedColor: Q, axisTitles: Y, showLabels: W, radius: gt, leftMargin: X, rightMargin: M, topMargin: F, bottomMargin: q, tooltip: jt, onSeriesMouseOver: p, highlightedDataPoints: B, minValue: j, maxValue: Vt, onSeriesMouseClick: xt, resetSelectionOnDoubleClick: J, detailsOnClick: dt, styles: c, classNames: a, animate: T === !0 ? {
+      duration: 0.5,
+      once: !0,
+      amount: 0.5
+    } : T || {
+      duration: 0,
+      once: !0,
+      amount: 0
+    }, dimmedOpacity: K, customLayers: vt }) : null })
+  ] }), t[19] = T, t[20] = Y, t[21] = q, t[22] = a, t[23] = yt, t[24] = Ct, t[25] = $, t[26] = vt, t[27] = o, t[28] = dt, t[29] = K, t[30] = L, t[31] = B, t[32] = X, t[33] = Vt, t[34] = j, t[35] = xt, t[36] = p, t[37] = gt, t[38] = J, t[39] = M, t[40] = Q, t[41] = z, t[42] = W, t[43] = N, t[44] = c, t[45] = m, t[46] = E, t[47] = w, t[48] = jt, t[49] = F, t[50] = x, t[51] = it) : it = t[51];
+  let C;
+  t[52] !== a?.footnote || t[53] !== a?.source || t[54] !== mt || t[55] !== ot || t[56] !== c?.footnote || t[57] !== c?.source || t[58] !== x ? (C = ot || mt ? /* @__PURE__ */ n.jsx(ae, { styles: {
+    footnote: c?.footnote,
+    source: c?.source
+  }, classNames: {
+    footnote: a?.footnote,
+    source: a?.source
+  }, sources: ot, footNote: mt, width: x }) : null, t[52] = a?.footnote, t[53] = a?.source, t[54] = mt, t[55] = ot, t[56] = c?.footnote, t[57] = c?.source, t[58] = x, t[59] = C) : C = t[59];
+  let P;
+  return t[60] !== ht || t[61] !== R || t[62] !== g || t[63] !== s || t[64] !== D || t[65] !== U || t[66] !== h || t[67] !== d || t[68] !== _ || t[69] !== tt || t[70] !== Dt || t[71] !== et || t[72] !== it || t[73] !== C || t[74] !== w ? (P = /* @__PURE__ */ n.jsxs(me, { className: _, style: tt, id: g, ref: Et, "aria-label": ht, backgroundColor: R, theme: w, language: D, minHeight: U, width: Dt, height: s, relativeHeight: d, padding: h, children: [
+    et,
+    it,
+    C
+  ] }), t[60] = ht, t[61] = R, t[62] = g, t[63] = s, t[64] = D, t[65] = U, t[66] = h, t[67] = d, t[68] = _, t[69] = tt, t[70] = Dt, t[71] = et, t[72] = it, t[73] = C, t[74] = w, t[75] = P) : P = t[75], P;
+}
+function We(e) {
+  return e.color;
+}
+function Ye(e) {
+  return e.color;
+}
+function Re(e) {
+  return !Xt(e.y1) && !Xt(e.y2);
+}
+function Xe(e) {
+  return e.color;
+}
+function Fe(e) {
+  return e !== void 0;
+}
+function qe(e) {
+  return e !== void 0;
+}
+function ze(e) {
+  return e.data;
+}
+function Be(e) {
+  return e !== void 0;
+}
+function Ue(e) {
+  return e.data;
 }
 export {
-  Ri as SlopeChart
+  xi as SlopeChart
 };
 //# sourceMappingURL=SlopeChart.js.map