@cloudflare/kumo 2.3.0 → 2.4.0

package/dist/chunks/SankeyChart-npoyr1j06svoxsfe.js

@@ -0,0 +1,770 @@
+"use client";
+import { jsx as d, jsxs as O, Fragment as fe } from "react/jsx-runtime";
+import { forwardRef as me, useRef as k, useEffect as H, useState as pe, useMemo as ee, memo as ge, useCallback as he } from "react";
+import { W as be, X as ye, Y as xe, Z as ve, _ as we } from "./vendor-base-ui-knphx7dts1vm1x37.js";
+import { c as z } from "./cn-ct4n7r74mh8y0f48.js";
+var ue = /* @__PURE__ */ ((e) => (e.Attention = "#FC574A", e.Warning = "#F8A054", e.Success = "#00A63E", e.Neutral = "#B9D6FF", e.Disabled = "#CBCBCB", e.Skeleton = "#DDDDDD", e))(ue || {}), de = /* @__PURE__ */ ((e) => (e.Attention = "#FC574A", e.Warning = "#F8A054", e.Success = "#00A63E", e.Neutral = "#8EC5FF", e.Disabled = "#878787", e.Skeleton = "#5C5C5C", e))(de || {});
+const Ne = {
+  blues: ["#E1EAF4", "#8EBCF6", "#4290F0", "#0E58B4", "#03254F"]
+}, $e = {
+  blues: ["#03254F", "#0E58B4", "#4290F0", "#A6BFDD", "#E1EAF4"]
+}, ne = [
+  "#4290F0",
+  "#F5B647",
+  "#E8649D",
+  "#8D58EE",
+  "#50C3B6",
+  "#D37536"
+  /* Orange */
+], re = [
+  "#4290F0",
+  "#EEB720",
+  "#E8649D",
+  "#8D58EE",
+  "#50C3B6",
+  "#D37536"
+  /* Orange */
+];
+var U;
+((e) => {
+  function t(s, l = !1) {
+    return l ? de[s] : ue[s];
+  }
+  e.semantic = t;
+  function n(s, l = !1) {
+    return l ? re[s % re.length] : ne[s % ne.length];
+  }
+  e.categorical = n;
+  function a(s, l = !1) {
+    return l ? [...$e[s]] : [...Ne[s]];
+  }
+  e.sequential = a;
+  function r(s, l = !1) {
+    const N = {
+      light: { primary: "#6B7280", secondary: "#9CA3AF" },
+      dark: { primary: "#9CA3AF", secondary: "#6B7280" }
+    };
+    return l ? N.dark[s] : N.light[s];
+  }
+  e.text = r;
+})(U || (U = {}));
+const le = (e) => {
+  const { dangerousHtmlFormatter: t, ...n } = e;
+  return {
+    ...n,
+    formatter: t
+  };
+}, Se = (e) => e.tooltip ? {
+  ...e,
+  tooltip: Array.isArray(e.tooltip) ? e.tooltip.map(le) : le(e.tooltip)
+} : e, oe = me(function({
+  echarts: t,
+  options: n,
+  optionUpdateBehavior: a,
+  className: r,
+  isDarkMode: s,
+  height: l = 350,
+  onEvents: N
+}, v) {
+  const h = k(null), $ = k(null), R = k({}), F = k({}), T = k(/* @__PURE__ */ new Set());
+  return H(() => {
+    if (!h.current) return;
+    const i = t.init(
+      h.current,
+      s ? "dark" : {
+        color: s ? re : ne
+      }
+    );
+    return $.current = i, typeof v == "function" ? v(i) : v && (v.current = i), () => {
+      for (const S of T.current) {
+        const c = F.current[S];
+        c && i.off(S, c);
+      }
+      T.current.clear(), typeof v == "function" ? v(null) : v && (v.current = null), $.current = null, i.dispose();
+    };
+  }, [h, s]), H(() => {
+    const i = $.current;
+    i && i.setOption(Se(n), {
+      notMerge: !1,
+      lazyUpdate: !0,
+      ...a
+    });
+  }, [s, a, n]), H(() => {
+    R.current = N ?? {};
+  }, [N]), H(() => {
+    const i = $.current;
+    if (!i) return;
+    const S = /* @__PURE__ */ new Set();
+    for (const [c, b] of Object.entries(N ?? {}))
+      typeof b == "function" && (S.add(c), F.current[c] || (F.current[c] = (j) => {
+        R.current[c]?.(j);
+      }), T.current.has(c) || i.on(c, F.current[c]));
+    for (const c of T.current) {
+      if (S.has(c)) continue;
+      const b = F.current[c];
+      b && i.off(c, b);
+    }
+    T.current = S;
+  }, [t, s, N]), H(() => {
+    const i = $.current, S = h.current;
+    if (!i || !S) return;
+    let c = !0;
+    const b = new ResizeObserver(() => {
+      if (c) {
+        c = !1;
+        return;
+      }
+      i.resize();
+    });
+    return b.observe(S), () => b.disconnect();
+  }, []), /* @__PURE__ */ d(
+    "div",
+    {
+      ref: h,
+      className: z("w-full", r),
+      style: { height: l },
+      tabIndex: n.aria?.enabled ? 0 : void 0,
+      role: n.aria?.enabled ? "img" : void 0
+    }
+  );
+});
+oe.displayName = "Chart";
+function We({
+  echarts: e,
+  type: t = "line",
+  data: n,
+  xAxisName: a,
+  xAxisTickCount: r,
+  xAxisTickFormat: s,
+  yAxisTickFormat: l,
+  yAxisTickLabelFormat: N,
+  yAxisName: v,
+  yAxisTickCount: h,
+  tooltipValueFormat: $,
+  onTimeRangeChange: R,
+  height: F = 350,
+  incomplete: T,
+  isDarkMode: i,
+  gradient: S,
+  loading: c,
+  ariaDescription: b,
+  optionUpdateBehavior: j,
+  tooltipMode: P = "all",
+  tooltipMaxItems: Y = 10,
+  tooltipFollowCursor: q = "both",
+  tooltipBoundary: V
+}) {
+  const G = k(null), _ = k(null), K = k(n);
+  K.current = n;
+  const y = k(P);
+  y.current = P;
+  const w = k(Y);
+  w.current = Y;
+  const [M, I] = pe(null), B = k({ x: 0, y: 0 });
+  H(() => {
+    const p = _.current;
+    if (!p) return;
+    const A = (u) => {
+      const x = p.getBoundingClientRect();
+      B.current = { x: u.clientX - x.left, y: u.clientY - x.top };
+    };
+    return p.addEventListener("mousemove", A), () => p.removeEventListener("mousemove", A);
+  }, []);
+  const L = T?.before, o = T?.after, f = ee(() => {
+    const p = [], A = t === "bar" ? { type: "bar", stack: "total" } : { type: "line", showSymbol: !1 };
+    for (const u of n) {
+      const x = L && t === "line" ? u.data.filter((E) => E[0] <= L) : [], D = o && t === "line" ? u.data.filter((E) => E[0] >= o) : [], J = x.length > 0 || D.length > 0 ? u.data.slice(
+        Math.max(0, x.length - 1),
+        Math.max(0, u.data.length - D.length + 1)
+      ) : u.data, X = S && t === "line" ? {
+        color: new e.graphic.LinearGradient(0, 0, 0, 1, [
+          { offset: 0, color: ie(u.color, 0.4) },
+          { offset: 1, color: ie(u.color, 0) }
+        ])
+      } : void 0;
+      p.push({
+        data: J,
+        color: u.color,
+        name: u.name,
+        emphasis: { focus: "series" },
+        ...X ? { areaStyle: X } : {},
+        ...A
+      });
+      const g = {
+        color: u.color,
+        name: u.name,
+        type: "line",
+        lineStyle: { type: "dashed" },
+        showSymbol: !1,
+        emphasis: { focus: "series" }
+      };
+      x.length > 0 && p.push({
+        ...g,
+        data: x
+      }), D.length > 0 && p.push({
+        ...g,
+        data: D
+      });
+    }
+    return {
+      aria: {
+        enabled: !0,
+        ...b && { label: { description: b } }
+      },
+      brush: {
+        xAxisIndex: "all",
+        brushType: "lineX",
+        brushMode: "single",
+        outOfBrush: {
+          colorAlpha: 0.3
+        },
+        brushStyle: {
+          borderWidth: 1,
+          color: "rgba(120,140,180,0.3)",
+          borderColor: "rgba(120,140,180,0.8)"
+        }
+      },
+      tooltip: {
+        trigger: "axis",
+        showContent: !1,
+        axisPointer: { type: "shadow" }
+      },
+      backgroundColor: "transparent",
+      toolbox: { show: !1 },
+      xAxis: {
+        name: a,
+        nameLocation: "middle",
+        nameGap: 30,
+        type: "time",
+        splitLine: {
+          show: !1
+        },
+        axisLine: { show: !1 },
+        splitNumber: r ?? 5,
+        ...s && {
+          axisLabel: {
+            formatter: (u) => s(u)
+          }
+        }
+      },
+      yAxis: {
+        name: v,
+        nameLocation: "middle",
+        nameGap: 40,
+        type: "value",
+        axisTick: { show: !0 },
+        axisLabel: {
+          margin: 15,
+          ...l && {
+            formatter: (u) => l(u)
+          }
+        },
+        splitLine: {
+          show: !0,
+          lineStyle: { type: "dashed", width: 1 }
+        },
+        splitNumber: h
+      },
+      grid: {
+        left: v ? 30 : 24,
+        right: 24,
+        top: 24,
+        bottom: a ? 30 : 24
+      },
+      series: p
+    };
+  }, [
+    n,
+    a,
+    r,
+    s,
+    l,
+    v,
+    h,
+    L,
+    o,
+    t,
+    S,
+    e,
+    b
+  ]), C = ee(() => ({
+    updateaxispointer: (p) => {
+      const A = p?.axesInfo?.[0]?.value;
+      if (A == null) return;
+      const u = /* @__PURE__ */ new Set(), x = [];
+      for (const g of K.current) {
+        if (u.has(g.name)) continue;
+        u.add(g.name);
+        const E = Fe(g.data, A);
+        E != null && x.push({ name: g.name, value: E, color: g.color });
+      }
+      x.sort((g, E) => E.value - g.value);
+      let D, J = 0;
+      if (y.current === "single") {
+        const g = G.current, E = g ? g.convertFromPixel("grid", [0, B.current.y])?.[1] : null;
+        E != null && x.length > 0 ? D = [x.reduce(
+          (se, ae) => Math.abs(ae.value - E) < Math.abs(se.value - E) ? ae : se
+        )] : D = x.slice(0, 1);
+      } else {
+        const g = w.current;
+        D = x.slice(0, g), J = Math.max(0, x.length - g);
+      }
+      const X = { ts: A, rows: D, hiddenCount: J };
+      I((g) => Ae(g, X) ? g : X);
+    },
+    globalout: () => {
+      I(null);
+    },
+    ...R && {
+      brushend: (p) => {
+        const A = p.areas[0].coordRange;
+        R(A[0], A[1]), G.current?.dispatchAction({ type: "brush", areas: [] });
+      }
+    }
+  }), [R]), m = !!R;
+  H(() => {
+    const p = G.current;
+    if (p && m)
+      return p.dispatchAction({
+        type: "takeGlobalCursor",
+        key: "brush",
+        brushOption: {
+          brushType: "lineX",
+          brushMode: "single"
+        }
+      }), () => {
+        p.dispatchAction({
+          type: "takeGlobalCursor",
+          key: "brush",
+          brushOption: {
+            brushType: !1
+          }
+        });
+      };
+  }, [G, m, c]);
+  const W = $ ?? N, Z = M !== null;
+  return /* @__PURE__ */ O(be, { open: Z, trackCursorAxis: q, children: [
+    /* @__PURE__ */ O(
+      ye,
+      {
+        render: /* @__PURE__ */ d("div", { ref: _, className: "relative w-full", style: { height: F } }),
+        children: [
+          c && /* @__PURE__ */ d(Ee, { height: F, isDarkMode: i }),
+          !c && /* @__PURE__ */ d(
+            oe,
+            {
+              echarts: e,
+              ref: G,
+              options: f,
+              height: F,
+              isDarkMode: i,
+              onEvents: C,
+              optionUpdateBehavior: j
+            }
+          )
+        ]
+      }
+    ),
+    Z && /* @__PURE__ */ d(xe, { children: /* @__PURE__ */ d(
+      ve,
+      {
+        side: "right",
+        align: "start",
+        sideOffset: 12,
+        collisionAvoidance: { side: "flip", align: "shift" },
+        collisionBoundary: V,
+        collisionPadding: 8,
+        children: /* @__PURE__ */ d(
+          we,
+          {
+            "data-mode": i ? "dark" : "light",
+            className: "bg-kumo-base rounded-lg shadow-lg shadow-kumo-tip-shadow outline outline-1 outline-kumo-fill p-2 min-w-[150px] max-w-xs",
+            children: /* @__PURE__ */ d(Ce, { state: M, formatValue: W })
+          }
+        )
+      }
+    ) })
+  ] });
+}
+const Ce = ge(function({ state: t, formatValue: n }) {
+  const { ts: a, rows: r, hiddenCount: s } = t;
+  return /* @__PURE__ */ O(fe, { children: [
+    /* @__PURE__ */ d("div", { className: "text-xs font-semibold text-kumo-default mb-1", children: ke(a) }),
+    r.map((l) => /* @__PURE__ */ O("div", { className: "flex items-center justify-between gap-4 py-0.5", children: [
+      /* @__PURE__ */ O("div", { className: "flex items-center gap-2 min-w-0", children: [
+        /* @__PURE__ */ d(
+          "span",
+          {
+            className: "w-3 h-3 rounded-full shrink-0",
+            style: { backgroundColor: l.color }
+          }
+        ),
+        /* @__PURE__ */ d("span", { className: "text-xs font-medium text-kumo-default truncate", title: l.name, children: l.name })
+      ] }),
+      /* @__PURE__ */ d("span", { className: "text-xs font-semibold text-kumo-default shrink-0", children: n ? n(l.value) : Te(l.value) })
+    ] }, l.name)),
+    s > 0 && /* @__PURE__ */ O("div", { className: "text-xs text-kumo-subtle mt-1", children: [
+      "+",
+      s,
+      " more"
+    ] })
+  ] });
+});
+function Fe(e, t) {
+  if (e.length === 0) return null;
+  let n = 0, a = e.length - 1;
+  for (; n < a; ) {
+    const r = n + a >> 1;
+    e[r][0] < t ? n = r + 1 : a = r;
+  }
+  return n > 0 && Math.abs(e[n - 1][0] - t) < Math.abs(e[n][0] - t) && n--, e[n][1];
+}
+function Ae(e, t) {
+  return !e || e.ts !== t.ts || e.hiddenCount !== t.hiddenCount || e.rows.length !== t.rows.length ? !1 : e.rows.every((n, a) => {
+    const r = t.rows[a];
+    return n.name === r.name && n.value === r.value && n.color === r.color;
+  });
+}
+const Re = new Intl.NumberFormat(void 0, {
+  maximumFractionDigits: 3
+});
+function Te(e) {
+  return Number.isInteger(e) ? String(e) : Re.format(e);
+}
+function Ee({
+  height: e,
+  isDarkMode: t
+}) {
+  const n = e / 2, a = Math.min(e * 0.12, 28), r = 400, s = 120, l = [];
+  for (let h = 0; h <= s; h++) {
+    const $ = -r + h / s * r * 3, R = n + Math.sin(h / s * 2 * Math.PI * 3) * a;
+    l.push(`${h === 0 ? "M" : "L"}${$.toFixed(2)},${R.toFixed(2)}`);
+  }
+  const N = l.join(" "), v = t ? "rgba(255,255,255,0.5)" : "rgba(0,0,0,0.2)";
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "absolute inset-0 overflow-hidden",
+      style: { height: e },
+      children: /* @__PURE__ */ d(
+        "svg",
+        {
+          width: "100%",
+          height: e,
+          viewBox: `0 0 ${r} ${e}`,
+          preserveAspectRatio: "none",
+          className: "w-full animate-pulse",
+          children: /* @__PURE__ */ d(
+            "path",
+            {
+              d: N,
+              fill: "none",
+              stroke: v,
+              strokeWidth: "2",
+              style: {
+                animation: "kumo-chart-wave 2.4s linear infinite",
+                transformOrigin: "0 0"
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function ie(e, t) {
+  const n = Math.max(0, Math.min(1, t)), a = e.match(
+    /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
+  );
+  if (a)
+    return `rgba(${a[1]}, ${a[2]}, ${a[3]}, ${n})`;
+  let r = e.replace(/^#/, "");
+  r.length === 3 && (r = r[0] + r[0] + r[1] + r[1] + r[2] + r[2]), r.length === 8 && (r = r.slice(0, 6));
+  const s = parseInt(r.slice(0, 2), 16), l = parseInt(r.slice(2, 4), 16), N = parseInt(r.slice(4, 6), 16);
+  return `rgba(${s}, ${l}, ${N}, ${n})`;
+}
+const Ie = new Intl.DateTimeFormat(void 0, {
+  month: "short",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit",
+  hour12: !1
+});
+function ke(e) {
+  return Ie.format(new Date(e));
+}
+function Be({ color: e, value: t, name: n, unit: a, inactive: r }) {
+  return /* @__PURE__ */ O("div", { className: "inline-flex flex-col gap-2 min-w-42 py-2", children: [
+    /* @__PURE__ */ O("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ d(
+        "span",
+        {
+          className: z("size-2 rounded-full inline-block", {
+            "opacity-50": r
+          }),
+          style: { backgroundColor: e }
+        }
+      ),
+      /* @__PURE__ */ d("span", { className: z("text-xs", { "opacity-50": r }), children: n })
+    ] }),
+    /* @__PURE__ */ O("div", { className: "flex items-baseline gap-0.5", children: [
+      /* @__PURE__ */ d(
+        "span",
+        {
+          className: z("text-lg font-medium leading-none", {
+            "opacity-50": r
+          }),
+          children: t
+        }
+      ),
+      a && /* @__PURE__ */ d(
+        "span",
+        {
+          className: z("text-xs text-kumo-subtle leading-none", {
+            "opacity-50": r
+          }),
+          children: a
+        }
+      )
+    ] })
+  ] });
+}
+function Oe({ color: e, value: t, name: n, inactive: a }) {
+  return /* @__PURE__ */ O("div", { className: "inline-flex items-center gap-2", children: [
+    /* @__PURE__ */ d(
+      "span",
+      {
+        className: z("size-2 rounded-full inline-block", {
+          "opacity-50": a
+        }),
+        style: { backgroundColor: e }
+      }
+    ),
+    /* @__PURE__ */ d("span", { className: z("text-xs", { "opacity-50": a }), children: n }),
+    /* @__PURE__ */ d("span", { className: z("text-xs font-medium", { "opacity-50": a }), children: t })
+  ] });
+}
+const qe = {
+  SmallItem: Oe,
+  LargeItem: Be
+}, Le = (e) => e.toLocaleString();
+function De(e) {
+  return typeof e == "object" && e !== null;
+}
+const Q = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), ce = (e) => e.replace(/[{}|]/g, (t) => `\\${t}`), te = (e) => {
+  const t = "#666";
+  return !e || typeof e != "string" ? t : /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e) || /^rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*(?:,\s*[\d.]+\s*)?\)$/i.test(
+    e
+  ) || /^hsla?\(\s*\d{1,3}\s*,\s*\d{1,3}%\s*,\s*\d{1,3}%\s*(?:,\s*[\d.]+\s*)?\)$/i.test(
+    e
+  ) || /^[a-z]{3,20}$/i.test(e) ? e : t;
+};
+function Me({
+  echarts: e,
+  nodes: t,
+  links: n,
+  height: a = 400,
+  nodeWidth: r = 8,
+  nodePadding: s = 10,
+  showTooltip: l = !0,
+  showNodeValues: N,
+  nodeLabelLayout: v = "stacked",
+  formatValue: h = Le,
+  tooltipFormatter: $,
+  defaultNodeColor: R,
+  left: F,
+  right: T,
+  linkColor: i = "gradient",
+  linkOpacity: S = 0.5,
+  className: c,
+  isDarkMode: b,
+  onNodeClick: j,
+  onLinkClick: P
+}) {
+  const Y = t.some((y) => y.value !== void 0), q = N ?? Y, V = v === "inline", G = ee(() => {
+    const y = U.text("primary", b), w = U.text("secondary", b), M = t.map(
+      (o, f) => o.color ?? R ?? U.categorical(f, b)
+    ), I = new Map(
+      t.map((o, f) => [o.name, { ...o, computedColor: M[f] }])
+    ), B = t.map((o, f) => ({
+      name: o.name,
+      value: o.value,
+      itemStyle: {
+        color: M[f]
+      }
+    })), L = n.map((o) => ({
+      source: t[o.source]?.name ?? "",
+      target: t[o.target]?.name ?? "",
+      value: o.value
+    }));
+    return {
+      backgroundColor: "transparent",
+      animation: !0,
+      animationDuration: 500,
+      animationDurationUpdate: 300,
+      animationEasingUpdate: "cubicInOut",
+      tooltip: l ? {
+        trigger: "item",
+        triggerOn: "mousemove",
+        dangerousHtmlFormatter: (o) => {
+          if (!De(o)) return "";
+          if (o.dataType === "node" && o.name) {
+            const f = I.get(o.name), C = te(
+              f?.computedColor ?? o.color ?? "#666"
+            );
+            if ($)
+              return $({
+                type: "node",
+                name: o.name,
+                node: f,
+                color: C
+              });
+            const m = Q(o.name);
+            return `<div style="display:flex;align-items:center;gap:6px;"><span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:${C}"></span><strong>${m}</strong></div>`;
+          }
+          if (o.dataType === "edge" && o.data) {
+            const { source: f, target: C, value: m } = o.data;
+            if ($)
+              return $({
+                type: "link",
+                name: `${f} → ${C}`,
+                link: {
+                  source: f ?? "",
+                  target: C ?? "",
+                  value: m ?? 0
+                }
+              });
+            const W = I.get(f ?? ""), Z = I.get(C ?? ""), p = te(
+              W?.computedColor ?? "#666"
+            ), A = te(
+              Z?.computedColor ?? "#666"
+            ), u = Q(f ?? ""), x = Q(C ?? "");
+            return `<div style="display:flex;align-items:center;gap:6px;margin-bottom:4px;">
+                  <span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:${p}"></span>
+                  <strong>${u}</strong>
+                  <span style="color:${w}">→</span>
+                  <span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:${A}"></span>
+                  <strong>${x}</strong>
+                </div>
+                <strong>${m !== void 0 ? Q(h(m)) : ""}</strong>`;
+          }
+          return "";
+        }
+      } : void 0,
+      series: [
+        {
+          type: "sankey",
+          ...F !== void 0 && { left: F },
+          ...T !== void 0 && { right: T },
+          data: B,
+          links: L,
+          draggable: !1,
+          emphasis: {
+            focus: "adjacency"
+          },
+          nodeWidth: r,
+          nodeGap: s,
+          lineStyle: {
+            color: i === "gradient" ? "source" : "#d1d5db",
+            opacity: i === "gradient" ? S : 0.4,
+            curveness: 0.5
+          },
+          label: {
+            show: !0,
+            color: y,
+            fontSize: 12,
+            formatter: q ? (o) => {
+              const f = o.name ?? "", C = I.get(f), m = ce(f);
+              if (C?.value !== void 0) {
+                const W = ce(
+                  h(C.value)
+                );
+                return V ? `{name|${m}} {value|${W}}` : `{value|${W}}
+{name|${m}}`;
+              }
+              return m;
+            } : void 0,
+            rich: q ? {
+              value: {
+                fontSize: 11,
+                color: y,
+                lineHeight: V ? void 0 : 16
+              },
+              name: {
+                fontSize: 12,
+                color: y,
+                fontWeight: 700
+              }
+            } : void 0
+          }
+        }
+      ]
+    };
+  }, [
+    t,
+    n,
+    l,
+    r,
+    s,
+    R,
+    F,
+    T,
+    b,
+    i,
+    S,
+    q,
+    V,
+    h,
+    $
+  ]), _ = he(
+    (y) => {
+      if (y.dataType === "node" && j && y.name) {
+        const w = t.findIndex((B) => B.name === y.name), I = {
+          ...w >= 0 ? t[w] : null,
+          name: y.name
+        };
+        j(I);
+      } else if (y.dataType === "edge" && P && y.data) {
+        const w = y.data, M = typeof w == "object" && w !== null && "source" in w ? String(w.source) : "", I = typeof w == "object" && w !== null && "target" in w ? String(w.target) : "", B = t.findIndex((m) => m.name === M), L = t.findIndex((m) => m.name === I);
+        if (B === -1 || L === -1) return;
+        const o = y.value, f = typeof o == "number" ? o : Array.isArray(o) && typeof o[0] == "number" ? o[0] : 0, C = n.find(
+          (m) => m.source === B && m.target === L
+        );
+        P({
+          ...C,
+          source: B,
+          target: L,
+          value: f
+        });
+      }
+    },
+    [t, n, j, P]
+  ), K = ee(
+    () => ({
+      click: _
+    }),
+    [_]
+  );
+  return /* @__PURE__ */ d(
+    oe,
+    {
+      echarts: e,
+      options: G,
+      className: c,
+      isDarkMode: b,
+      height: a,
+      onEvents: K
+    }
+  );
+}
+Me.displayName = "SankeyChart";
+export {
+  oe as C,
+  Me as S,
+  We as T,
+  qe as a,
+  U as b
+};
+//# sourceMappingURL=SankeyChart-npoyr1j06svoxsfe.js.map