@cloudflare/kumo 2.5.2 → 2.6.0

package/dist/chunks/SankeyChart-i1m7zv0lys3j0iq6.js

@@ -1,775 +0,0 @@
-"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 */
-], oe = [
-  "#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 ? oe[s % oe.length] : ne[s % ne.length];
-  }
-  e.categorical = n;
-  function a(s, l = !1) {
-    return l ? [...$e[s]] : [...Ne[s]];
-  }
-  e.sequential = a;
-  function o(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 = o;
-})(U || (U = {}));
-const le = (e) => {
-  const { dangerousHtmlFormatter: t, ...n } = e;
-  return {
-    ...n,
-    formatter: t
-  };
-}, Se = ({
-  options: e,
-  isDarkMode: t
-}) => {
-  const n = {
-    backgroundColor: "transparent",
-    color: t ? oe : ne,
-    ...e
-  };
-  return n.tooltip ? {
-    ...n,
-    tooltip: Array.isArray(n.tooltip) ? n.tooltip.map(le) : le(n.tooltip)
-  } : n;
-}, re = me(function({
-  echarts: t,
-  options: n,
-  optionUpdateBehavior: a,
-  className: o,
-  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" : void 0);
-    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({ options: n, isDarkMode: s }), {
-      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", o),
-      style: { height: l },
-      tabIndex: n.aria?.enabled ? 0 : void 0,
-      role: n.aria?.enabled ? "img" : void 0
-    }
-  );
-});
-re.displayName = "Chart";
-function We({
-  echarts: e,
-  type: t = "line",
-  data: n,
-  xAxisName: a,
-  xAxisTickCount: o,
-  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, r = 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 = r && t === "line" ? u.data.filter((E) => E[0] >= r) : [], 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: o ?? 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,
-    o,
-    s,
-    l,
-    v,
-    h,
-    L,
-    r,
-    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(
-            re,
-            {
-              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: o, hiddenCount: s } = t;
-  return /* @__PURE__ */ O(fe, { children: [
-    /* @__PURE__ */ d("div", { className: "text-xs font-semibold text-kumo-default mb-1", children: ke(a) }),
-    o.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 o = n + a >> 1;
-    e[o][0] < t ? n = o + 1 : a = o;
-  }
-  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 o = t.rows[a];
-    return n.name === o.name && n.value === o.value && n.color === o.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), o = 400, s = 120, l = [];
-  for (let h = 0; h <= s; h++) {
-    const $ = -o + h / s * o * 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 ${o} ${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 o = e.replace(/^#/, "");
-  o.length === 3 && (o = o[0] + o[0] + o[1] + o[1] + o[2] + o[2]), o.length === 8 && (o = o.slice(0, 6));
-  const s = parseInt(o.slice(0, 2), 16), l = parseInt(o.slice(2, 4), 16), N = parseInt(o.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: o }) {
-  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": o
-          }),
-          style: { backgroundColor: e }
-        }
-      ),
-      /* @__PURE__ */ d("span", { className: z("text-xs", { "opacity-50": o }), 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": o
-          }),
-          children: t
-        }
-      ),
-      a && /* @__PURE__ */ d(
-        "span",
-        {
-          className: z("text-xs text-kumo-subtle leading-none", {
-            "opacity-50": o
-          }),
-          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: o = 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(
-      (r, f) => r.color ?? R ?? U.categorical(f, b)
-    ), I = new Map(
-      t.map((r, f) => [r.name, { ...r, computedColor: M[f] }])
-    ), B = t.map((r, f) => ({
-      name: r.name,
-      value: r.value,
-      itemStyle: {
-        color: M[f]
-      }
-    })), L = n.map((r) => ({
-      source: t[r.source]?.name ?? "",
-      target: t[r.target]?.name ?? "",
-      value: r.value
-    }));
-    return {
-      backgroundColor: "transparent",
-      animation: !0,
-      animationDuration: 500,
-      animationDurationUpdate: 300,
-      animationEasingUpdate: "cubicInOut",
-      tooltip: l ? {
-        trigger: "item",
-        triggerOn: "mousemove",
-        dangerousHtmlFormatter: (r) => {
-          if (!De(r)) return "";
-          if (r.dataType === "node" && r.name) {
-            const f = I.get(r.name), C = te(
-              f?.computedColor ?? r.color ?? "#666"
-            );
-            if ($)
-              return $({
-                type: "node",
-                name: r.name,
-                node: f,
-                color: C
-              });
-            const m = Q(r.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 (r.dataType === "edge" && r.data) {
-            const { source: f, target: C, value: m } = r.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: o,
-          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 ? (r) => {
-              const f = r.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,
-    o,
-    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 r = y.value, f = typeof r == "number" ? r : Array.isArray(r) && typeof r[0] == "number" ? r[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(
-    re,
-    {
-      echarts: e,
-      options: G,
-      className: c,
-      isDarkMode: b,
-      height: a,
-      onEvents: K
-    }
-  );
-}
-Me.displayName = "SankeyChart";
-export {
-  re as C,
-  Me as S,
-  We as T,
-  qe as a,
-  U as b
-};
-//# sourceMappingURL=SankeyChart-i1m7zv0lys3j0iq6.js.map