dishui 0.0.65 → 0.0.66

package/dist/components/pro/Flow/edges/EdgeRenderer.js

@@ -1,142 +1,139 @@
-import { resolveThemeColor as _ } from "../utils/themeColor.js";
-import { drawDashedPath as x } from "../utils/dashedLine.js";
-import { buildEdgePath as v, getPathCenter as E, resolveEdgeEndpoints as T } from "./edgePaths.js";
-import { angleBetween as C, drawMarker as w } from "./edgeMarkers.js";
-import { Container as k, Graphics as u, Text as B, TextStyle as M } from "pixi.js";
-function L(e, l, a = 2) {
-  if (!(!e || e === "solid"))
-    return e === "dynamic" ? [a * 4, a * 3] : [e === "dotted" ? a : a * 3, l === "dense" ? a : l === "sparse" ? a * 4 : a * 2];
+import { resolveThemeColor as e } from "../utils/themeColor.js";
+import { drawDashedPath as t } from "../utils/dashedLine.js";
+import { buildEdgePath as n, getPathCenter as r, resolveEdgeEndpoints as i } from "./edgePaths.js";
+import { angleBetween as a, drawMarker as o } from "./edgeMarkers.js";
+import { Container as s, Graphics as c, Text as l, TextStyle as u } from "pixi.js";
+//#region src/components/pro/Flow/edges/EdgeRenderer.ts
+function d(e, t, n = 2) {
+	if (e && e !== "solid") return e === "dynamic" ? [n * 4, n * 3] : [e === "dotted" ? n : n * 3, t === "dense" ? n : t === "sparse" ? n * 4 : n * 2];
 }
-var F = class {
-  world;
-  edgeLayer;
-  edges = /* @__PURE__ */ new Map();
-  _dynamicOffset = 0;
-  advanceAnimation(e) {
-    this._dynamicOffset = (this._dynamicOffset + e * 0.06) % 1e3;
-  }
-  constructor(e) {
-    this.world = e, this.edgeLayer = new k({ label: "edges" }), this.world.addChildAt(this.edgeLayer, 0);
-  }
-  sync(e, l, a, i, h) {
-    const g = /* @__PURE__ */ new Set();
-    for (const o of e) {
-      g.add(o.id);
-      const t = T(o, l);
-      if (!t) continue;
-      let f = this.edges.get(o.id);
-      f || (f = this._createEdge(o), this.edges.set(o.id, f)), this._updateEdge(f, o, t, a.has(o.id), i === o.id, h?.presentation ?? !1);
-    }
-    for (const [o, t] of this.edges) g.has(o) || (this.edgeLayer.removeChild(t.container), t.container.destroy({ children: !0 }), this.edges.delete(o));
-  }
-  _createEdge(e) {
-    const l = new k({ label: `edge-${e.id}` }), a = new u();
-    a.label = "edge-hitarea", a.eventMode = "static", a.cursor = "pointer", a.alpha = 0, l.addChild(a);
-    const i = new u();
-    i.label = "edge-line", l.addChild(i);
-    const h = new u();
-    return h.label = "edge-animation", l.addChild(h), this.edgeLayer.addChild(l), {
-      container: l,
-      line: i,
-      animation: h,
-      hitArea: a,
-      labelBg: null,
-      label: null,
-      edgeId: e.id
-    };
-  }
-  _updateEdge(e, l, a, i, h, g) {
-    const { line: o, animation: t, hitArea: f } = e, r = l.data, y = i ? "#3b82f6" : _(r.strokeColor, "#374151"), m = r.strokeWidth ?? 2, s = v(l.type, a, r.waypoints, r.bezierControls);
-    if (o.clear(), this._drawPath(o, s, y, m, r.lineStyle, r.dashDensity), t.clear(), g && r.animated) {
-      const n = [Math.max(18, m * 12), Math.max(90, m * 45)];
-      x(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
-        color: 6333946,
-        width: m + 5,
-        alpha: 0.18,
-        cap: "round"
-      }), x(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
-        color: 3718648,
-        width: m + 2,
-        alpha: 0.55,
-        cap: "round"
-      }), x(t, s, n, -this._dynamicOffset * 2.2), t.stroke({
-        color: 16777215,
-        width: Math.max(1, m * 0.7),
-        alpha: 0.9,
-        cap: "round"
-      });
-    }
-    if (r.markerStart && r.markerStart !== "none" && s.length >= 2) {
-      const n = s[0], c = s[1], b = c.type === "C" ? c.cp1x : c.x, d = c.type === "C" ? c.cp1y : c.y, p = C(b, d, n.x, n.y);
-      w(o, r.markerStart, n.x, n.y, p, y);
-    }
-    if (r.markerEnd && r.markerEnd !== "none" && s.length >= 2) {
-      const n = s[s.length - 1], c = n.type === "C" ? n.cp2x : s[s.length - 2].x, b = n.type === "C" ? n.cp2y : s[s.length - 2].y, d = C(c, b, n.x, n.y);
-      w(o, r.markerEnd, n.x, n.y, d, y);
-    }
-    if (f.clear(), this._drawPath(f, s, "#000000", Math.max(m + 10, 14), "solid"), f.alpha = 1e-3, r.labelText) {
-      const n = E(s);
-      if (!e.label) {
-        const d = new u();
-        d.label = "edge-label-bg", e.container.addChild(d), e.labelBg = d;
-        const p = new M({
-          fontFamily: r.labelFontFamily ?? "system-ui, -apple-system, sans-serif",
-          fontSize: r.labelFontSize ?? 12,
-          fill: y
-        });
-        e.label = new B({
-          text: r.labelText,
-          style: p
-        }), e.label.anchor.set(0.5, 0.5), e.container.addChild(e.label);
-      }
-      e.label.text = r.labelText;
-      const c = n.x, b = n.y - 10;
-      if (e.label.position.set(c, b), e.label.style.fill = y, e.labelBg) {
-        const d = e.label.width + 10, p = e.label.height + 4;
-        e.labelBg.clear(), e.labelBg.roundRect(c - d / 2, b - p / 2, d, p, 4).fill({
-          color: 16777215,
-          alpha: 0.92
-        });
-      }
-    } else
-      e.label && (e.label.text = ""), e.labelBg && e.labelBg.clear();
-  }
-  _drawPath(e, l, a, i, h, g) {
-    const o = L(h, g, i);
-    if (o) {
-      const t = h === "dynamic" ? this._dynamicOffset : 0;
-      x(e, l, o, t), e.stroke({
-        color: a,
-        width: i,
-        cap: "round"
-      });
-    } else {
-      for (const t of l) switch (t.type) {
-        case "M":
-          e.moveTo(t.x, t.y);
-          break;
-        case "L":
-          e.lineTo(t.x, t.y);
-          break;
-        case "C":
-          e.bezierCurveTo(t.cp1x, t.cp1y, t.cp2x, t.cp2y, t.x, t.y);
-          break;
-        case "Q":
-          e.quadraticCurveTo(t.cp1x, t.cp1y, t.x, t.y);
-      }
-      e.stroke({
-        color: a,
-        width: i
-      });
-    }
-  }
-  destroy() {
-    for (const [, e] of this.edges) e.container.destroy({ children: !0 });
-    this.edges.clear(), this.edgeLayer.destroy({ children: !0 });
-  }
-};
-export {
-  F as EdgeRenderer
+var f = class {
+	world;
+	edgeLayer;
+	edges = /* @__PURE__ */ new Map();
+	_dynamicOffset = 0;
+	advanceAnimation(e) {
+		this._dynamicOffset = (this._dynamicOffset + e * .06) % 1e3;
+	}
+	constructor(e) {
+		this.world = e, this.edgeLayer = new s({ label: "edges" }), this.world.addChildAt(this.edgeLayer, 0);
+	}
+	sync(e, t, n, r, a) {
+		let o = /* @__PURE__ */ new Set();
+		for (let s of e) {
+			o.add(s.id);
+			let e = i(s, t);
+			if (!e) continue;
+			let c = this.edges.get(s.id);
+			c || (c = this._createEdge(s), this.edges.set(s.id, c)), this._updateEdge(c, s, e, n.has(s.id), r === s.id, a?.presentation ?? !1);
+		}
+		for (let [e, t] of this.edges) o.has(e) || (this.edgeLayer.removeChild(t.container), t.container.destroy({ children: !0 }), this.edges.delete(e));
+	}
+	_createEdge(e) {
+		let t = new s({ label: `edge-${e.id}` }), n = new c();
+		n.label = "edge-hitarea", n.eventMode = "static", n.cursor = "pointer", n.alpha = 0, t.addChild(n);
+		let r = new c();
+		r.label = "edge-line", t.addChild(r);
+		let i = new c();
+		return i.label = "edge-animation", t.addChild(i), this.edgeLayer.addChild(t), {
+			container: t,
+			line: r,
+			animation: i,
+			hitArea: n,
+			labelBg: null,
+			label: null,
+			edgeId: e.id
+		};
+	}
+	_updateEdge(i, s, d, f, p, m) {
+		let { line: h, animation: g, hitArea: _ } = i, v = s.data, y = f ? "#3b82f6" : e(v.strokeColor, "#374151"), b = v.strokeWidth ?? 2, x = n(s.type, d, v.waypoints, v.bezierControls);
+		if (h.clear(), this._drawPath(h, x, y, b, v.lineStyle, v.dashDensity), g.clear(), m && v.animated) {
+			let e = [Math.max(18, b * 12), Math.max(90, b * 45)];
+			t(g, x, e, -this._dynamicOffset * 2.2), g.stroke({
+				color: 6333946,
+				width: b + 5,
+				alpha: .18,
+				cap: "round"
+			}), t(g, x, e, -this._dynamicOffset * 2.2), g.stroke({
+				color: 3718648,
+				width: b + 2,
+				alpha: .55,
+				cap: "round"
+			}), t(g, x, e, -this._dynamicOffset * 2.2), g.stroke({
+				color: 16777215,
+				width: Math.max(1, b * .7),
+				alpha: .9,
+				cap: "round"
+			});
+		}
+		if (v.markerStart && v.markerStart !== "none" && x.length >= 2) {
+			let e = x[0], t = x[1], n = t.type === "C" ? t.cp1x : t.x, r = t.type === "C" ? t.cp1y : t.y, i = a(n, r, e.x, e.y);
+			o(h, v.markerStart, e.x, e.y, i, y);
+		}
+		if (v.markerEnd && v.markerEnd !== "none" && x.length >= 2) {
+			let e = x[x.length - 1], t = e.type === "C" ? e.cp2x : x[x.length - 2].x, n = e.type === "C" ? e.cp2y : x[x.length - 2].y, r = a(t, n, e.x, e.y);
+			o(h, v.markerEnd, e.x, e.y, r, y);
+		}
+		if (_.clear(), this._drawPath(_, x, "#000000", Math.max(b + 10, 14), "solid"), _.alpha = .001, v.labelText) {
+			let e = r(x);
+			if (!i.label) {
+				let e = new c();
+				e.label = "edge-label-bg", i.container.addChild(e), i.labelBg = e;
+				let t = new u({
+					fontFamily: v.labelFontFamily ?? "system-ui, -apple-system, sans-serif",
+					fontSize: v.labelFontSize ?? 12,
+					fill: y
+				});
+				i.label = new l({
+					text: v.labelText,
+					style: t
+				}), i.label.anchor.set(.5, .5), i.container.addChild(i.label);
+			}
+			i.label.text = v.labelText;
+			let t = e.x, n = e.y - 10;
+			if (i.label.position.set(t, n), i.label.style.fill = y, i.labelBg) {
+				let e = i.label.width + 10, r = i.label.height + 4;
+				i.labelBg.clear(), i.labelBg.roundRect(t - e / 2, n - r / 2, e, r, 4).fill({
+					color: 16777215,
+					alpha: .92
+				});
+			}
+		} else i.label && (i.label.text = ""), i.labelBg && i.labelBg.clear();
+	}
+	_drawPath(e, n, r, i, a, o) {
+		let s = d(a, o, i);
+		if (s) {
+			let o = a === "dynamic" ? this._dynamicOffset : 0;
+			t(e, n, s, o), e.stroke({
+				color: r,
+				width: i,
+				cap: "round"
+			});
+		} else {
+			for (let t of n) switch (t.type) {
+				case "M":
+					e.moveTo(t.x, t.y);
+					break;
+				case "L":
+					e.lineTo(t.x, t.y);
+					break;
+				case "C":
+					e.bezierCurveTo(t.cp1x, t.cp1y, t.cp2x, t.cp2y, t.x, t.y);
+					break;
+				case "Q": e.quadraticCurveTo(t.cp1x, t.cp1y, t.x, t.y);
+			}
+			e.stroke({
+				color: r,
+				width: i
+			});
+		}
+	}
+	destroy() {
+		for (let [, e] of this.edges) e.container.destroy({ children: !0 });
+		this.edges.clear(), this.edgeLayer.destroy({ children: !0 });
+	}
 };
+//#endregion
+export { f as EdgeRenderer };
 
 //# sourceMappingURL=EdgeRenderer.js.map

package/dist/components/pro/Flow/edges/EdgeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/edges/EdgeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, TextStyle } from 'pixi.js';\nimport type { FlowEdge, FlowNode } from '../types';\nimport { buildEdgePath, getPathCenter, resolveEdgeEndpoints, type PathSegment, type EdgeEndpoints } from './edgePaths';\nimport { drawMarker, angleBetween } from './edgeMarkers';\nimport { drawDashedPath, type PathSeg } from '../utils/dashedLine';\nimport { resolveThemeColor } from '../utils/themeColor';\n\ninterface EdgeDisplay {\n  container: Container;\n  line: Graphics;\n  animation: Graphics;\n  hitArea: Graphics;\n  labelBg: Graphics | null;\n  label: Text | null;\n  edgeId: string;\n}\n\nfunction getDashPattern(style?: string, density?: string, width = 2): number[] | undefined {\n  if (!style || style === 'solid') return undefined;\n  if (style === 'dynamic') return [width * 4, width * 3];\n  const base = style === 'dotted' ? width : width * 3;\n  const gap = density === 'dense' ? width : density === 'sparse' ? width * 4 : width * 2;\n  return [base, gap];\n}\n\n/**\n * Manages PixiJS display objects for all edges.\n */\nexport class EdgeRenderer {\n  private world: Container;\n  private edgeLayer: Container;\n  private edges = new Map<string, EdgeDisplay>();\n  private _dynamicOffset = 0;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.edgeLayer = new Container({ label: 'edges' });\n    // Edges below nodes\n    this.world.addChildAt(this.edgeLayer, 0);\n  }\n\n  sync(\n    flowEdges: FlowEdge[],\n    nodeMap: Map<string, FlowNode>,\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    options?: { presentation?: boolean },\n  ): void {\n    const seen = new Set<string>();\n\n    for (const edge of flowEdges) {\n      seen.add(edge.id);\n      const endpoints = resolveEdgeEndpoints(edge, nodeMap);\n      if (!endpoints) continue;\n\n      let display = this.edges.get(edge.id);\n      if (!display) {\n        display = this._createEdge(edge);\n        this.edges.set(edge.id, display);\n      }\n      this._updateEdge(\n        display,\n        edge,\n        endpoints,\n        selectedIds.has(edge.id),\n        hoveredId === edge.id,\n        options?.presentation ?? false,\n      );\n    }\n\n    for (const [id, display] of this.edges) {\n      if (!seen.has(id)) {\n        this.edgeLayer.removeChild(display.container);\n        display.container.destroy({ children: true });\n        this.edges.delete(id);\n      }\n    }\n  }\n\n  private _createEdge(edge: FlowEdge): EdgeDisplay {\n    const container = new Container({ label: `edge-${edge.id}` });\n\n    const hitArea = new Graphics();\n    hitArea.label = 'edge-hitarea';\n    hitArea.eventMode = 'static';\n    hitArea.cursor = 'pointer';\n    hitArea.alpha = 0;\n    container.addChild(hitArea);\n\n    const line = new Graphics();\n    line.label = 'edge-line';\n    container.addChild(line);\n\n    const animation = new Graphics();\n    animation.label = 'edge-animation';\n    container.addChild(animation);\n\n    this.edgeLayer.addChild(container);\n    return { container, line, animation, hitArea, labelBg: null, label: null, edgeId: edge.id };\n  }\n\n  private _updateEdge(\n    display: EdgeDisplay,\n    edge: FlowEdge,\n    endpoints: EdgeEndpoints,\n    selected: boolean,\n    hovered: boolean,\n    presentation: boolean,\n  ): void {\n    const { line, animation, hitArea } = display;\n    const data = edge.data;\n    const color = selected ? '#3b82f6' : resolveThemeColor(data.strokeColor, '#374151');\n    const width = data.strokeWidth ?? 2;\n\n    const segments = buildEdgePath(edge.type, endpoints, data.waypoints, data.bezierControls);\n\n    // Draw visible line\n    line.clear();\n    this._drawPath(line, segments, color, width, data.lineStyle, data.dashDensity);\n\n    // Presentation animation: a bright gradient-like pulse travels from source\n    // to target. A short dashed segment plus soft outer stroke gives the pulse\n    // a leading highlight and fading tail without requiring SVG filters.\n    animation.clear();\n    if (presentation && data.animated) {\n      const pattern = [Math.max(18, width * 12), Math.max(90, width * 45)];\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x60a5fa, width: width + 5, alpha: 0.18, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x38bdf8, width: width + 2, alpha: 0.55, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0xffffff, width: Math.max(1, width * 0.7), alpha: 0.9, cap: 'round' as const });\n    }\n\n    // Draw markers — use curve tangent for accurate arrow direction\n    if (data.markerStart && data.markerStart !== 'none' && segments.length >= 2) {\n      const tip = segments[0];\n      const next = segments[1];\n      // For curves the tangent at t=0 is tip→cp1; for lines it's tip→next\n      const fromX = next.type === 'C' ? next.cp1x! : next.x;\n      const fromY = next.type === 'C' ? next.cp1y! : next.y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerStart, tip.x, tip.y, angle, color);\n    }\n    if (data.markerEnd && data.markerEnd !== 'none' && segments.length >= 2) {\n      const tip = segments[segments.length - 1];\n      // For curves the tangent at t=1 is cp2→endpoint\n      const fromX = tip.type === 'C' ? tip.cp2x! : segments[segments.length - 2].x;\n      const fromY = tip.type === 'C' ? tip.cp2y! : segments[segments.length - 2].y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerEnd, tip.x, tip.y, angle, color);\n    }\n\n    // Wider invisible hit area\n    hitArea.clear();\n    this._drawPath(hitArea, segments, '#000000', Math.max(width + 10, 14), 'solid');\n    hitArea.alpha = 0.001;\n\n    // Edge label\n    if (data.labelText) {\n      const center = getPathCenter(segments);\n      if (!display.label) {\n        // Background chip drawn first so it sits behind the text.\n        const labelBg = new Graphics();\n        labelBg.label = 'edge-label-bg';\n        display.container.addChild(labelBg);\n        display.labelBg = labelBg;\n\n        const style = new TextStyle({\n          fontFamily: data.labelFontFamily ?? 'system-ui, -apple-system, sans-serif',\n          fontSize: data.labelFontSize ?? 12,\n          fill: color,\n        });\n        display.label = new Text({ text: data.labelText, style });\n        display.label.anchor.set(0.5, 0.5);\n        display.container.addChild(display.label);\n      }\n      display.label.text = data.labelText;\n      const lx = center.x;\n      const ly = center.y - 10;\n      display.label.position.set(lx, ly);\n      (display.label.style as TextStyle).fill = color;\n\n      // Draw a rounded background chip behind the label so the line / waypoints\n      // don't show through the text.\n      if (display.labelBg) {\n        const padX = 5;\n        const padY = 2;\n        const tw = display.label.width + padX * 2;\n        const th = display.label.height + padY * 2;\n        display.labelBg.clear();\n        display.labelBg\n          .roundRect(lx - tw / 2, ly - th / 2, tw, th, 4)\n          .fill({ color: 0xffffff, alpha: 0.92 });\n      }\n    } else {\n      if (display.label) display.label.text = '';\n      if (display.labelBg) display.labelBg.clear();\n    }\n  }\n\n  private _drawPath(\n    g: Graphics,\n    segs: PathSegment[],\n    color: string,\n    width: number,\n    lineStyle?: string,\n    dashDensity?: string,\n  ): void {\n    const dash = getDashPattern(lineStyle, dashDensity, width);\n    if (dash) {\n      const offset = lineStyle === 'dynamic' ? this._dynamicOffset : 0;\n      drawDashedPath(g, segs as PathSeg[], dash, offset);\n      g.stroke({ color, width, cap: 'round' as const });\n    } else {\n      for (const seg of segs) {\n        switch (seg.type) {\n          case 'M': g.moveTo(seg.x, seg.y); break;\n          case 'L': g.lineTo(seg.x, seg.y); break;\n          case 'C': g.bezierCurveTo(seg.cp1x!, seg.cp1y!, seg.cp2x!, seg.cp2y!, seg.x, seg.y); break;\n          case 'Q': g.quadraticCurveTo(seg.cp1x!, seg.cp1y!, seg.x, seg.y); break;\n        }\n      }\n      g.stroke({ color, width });\n    }\n  }\n\n  destroy(): void {\n    for (const [, display] of this.edges) {\n      display.container.destroy({ children: true });\n    }\n    this.edges.clear();\n    this.edgeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EdgeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/edges/EdgeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, TextStyle } from 'pixi.js';\nimport type { FlowEdge, FlowNode } from '../types';\nimport { buildEdgePath, getPathCenter, resolveEdgeEndpoints, type PathSegment, type EdgeEndpoints } from './edgePaths';\nimport { drawMarker, angleBetween } from './edgeMarkers';\nimport { drawDashedPath, type PathSeg } from '../utils/dashedLine';\nimport { resolveThemeColor } from '../utils/themeColor';\n\ninterface EdgeDisplay {\n  container: Container;\n  line: Graphics;\n  animation: Graphics;\n  hitArea: Graphics;\n  labelBg: Graphics | null;\n  label: Text | null;\n  edgeId: string;\n}\n\nfunction getDashPattern(style?: string, density?: string, width = 2): number[] | undefined {\n  if (!style || style === 'solid') return undefined;\n  if (style === 'dynamic') return [width * 4, width * 3];\n  const base = style === 'dotted' ? width : width * 3;\n  const gap = density === 'dense' ? width : density === 'sparse' ? width * 4 : width * 2;\n  return [base, gap];\n}\n\n/**\n * Manages PixiJS display objects for all edges.\n */\nexport class EdgeRenderer {\n  private world: Container;\n  private edgeLayer: Container;\n  private edges = new Map<string, EdgeDisplay>();\n  private _dynamicOffset = 0;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.edgeLayer = new Container({ label: 'edges' });\n    // Edges below nodes\n    this.world.addChildAt(this.edgeLayer, 0);\n  }\n\n  sync(\n    flowEdges: FlowEdge[],\n    nodeMap: Map<string, FlowNode>,\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    options?: { presentation?: boolean },\n  ): void {\n    const seen = new Set<string>();\n\n    for (const edge of flowEdges) {\n      seen.add(edge.id);\n      const endpoints = resolveEdgeEndpoints(edge, nodeMap);\n      if (!endpoints) continue;\n\n      let display = this.edges.get(edge.id);\n      if (!display) {\n        display = this._createEdge(edge);\n        this.edges.set(edge.id, display);\n      }\n      this._updateEdge(\n        display,\n        edge,\n        endpoints,\n        selectedIds.has(edge.id),\n        hoveredId === edge.id,\n        options?.presentation ?? false,\n      );\n    }\n\n    for (const [id, display] of this.edges) {\n      if (!seen.has(id)) {\n        this.edgeLayer.removeChild(display.container);\n        display.container.destroy({ children: true });\n        this.edges.delete(id);\n      }\n    }\n  }\n\n  private _createEdge(edge: FlowEdge): EdgeDisplay {\n    const container = new Container({ label: `edge-${edge.id}` });\n\n    const hitArea = new Graphics();\n    hitArea.label = 'edge-hitarea';\n    hitArea.eventMode = 'static';\n    hitArea.cursor = 'pointer';\n    hitArea.alpha = 0;\n    container.addChild(hitArea);\n\n    const line = new Graphics();\n    line.label = 'edge-line';\n    container.addChild(line);\n\n    const animation = new Graphics();\n    animation.label = 'edge-animation';\n    container.addChild(animation);\n\n    this.edgeLayer.addChild(container);\n    return { container, line, animation, hitArea, labelBg: null, label: null, edgeId: edge.id };\n  }\n\n  private _updateEdge(\n    display: EdgeDisplay,\n    edge: FlowEdge,\n    endpoints: EdgeEndpoints,\n    selected: boolean,\n    hovered: boolean,\n    presentation: boolean,\n  ): void {\n    const { line, animation, hitArea } = display;\n    const data = edge.data;\n    const color = selected ? '#3b82f6' : resolveThemeColor(data.strokeColor, '#374151');\n    const width = data.strokeWidth ?? 2;\n\n    const segments = buildEdgePath(edge.type, endpoints, data.waypoints, data.bezierControls);\n\n    // Draw visible line\n    line.clear();\n    this._drawPath(line, segments, color, width, data.lineStyle, data.dashDensity);\n\n    // Presentation animation: a bright gradient-like pulse travels from source\n    // to target. A short dashed segment plus soft outer stroke gives the pulse\n    // a leading highlight and fading tail without requiring SVG filters.\n    animation.clear();\n    if (presentation && data.animated) {\n      const pattern = [Math.max(18, width * 12), Math.max(90, width * 45)];\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x60a5fa, width: width + 5, alpha: 0.18, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0x38bdf8, width: width + 2, alpha: 0.55, cap: 'round' as const });\n      drawDashedPath(animation, segments as PathSeg[], pattern, -this._dynamicOffset * 2.2);\n      animation.stroke({ color: 0xffffff, width: Math.max(1, width * 0.7), alpha: 0.9, cap: 'round' as const });\n    }\n\n    // Draw markers — use curve tangent for accurate arrow direction\n    if (data.markerStart && data.markerStart !== 'none' && segments.length >= 2) {\n      const tip = segments[0];\n      const next = segments[1];\n      // For curves the tangent at t=0 is tip→cp1; for lines it's tip→next\n      const fromX = next.type === 'C' ? next.cp1x! : next.x;\n      const fromY = next.type === 'C' ? next.cp1y! : next.y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerStart, tip.x, tip.y, angle, color);\n    }\n    if (data.markerEnd && data.markerEnd !== 'none' && segments.length >= 2) {\n      const tip = segments[segments.length - 1];\n      // For curves the tangent at t=1 is cp2→endpoint\n      const fromX = tip.type === 'C' ? tip.cp2x! : segments[segments.length - 2].x;\n      const fromY = tip.type === 'C' ? tip.cp2y! : segments[segments.length - 2].y;\n      const angle = angleBetween(fromX, fromY, tip.x, tip.y);\n      drawMarker(line, data.markerEnd, tip.x, tip.y, angle, color);\n    }\n\n    // Wider invisible hit area\n    hitArea.clear();\n    this._drawPath(hitArea, segments, '#000000', Math.max(width + 10, 14), 'solid');\n    hitArea.alpha = 0.001;\n\n    // Edge label\n    if (data.labelText) {\n      const center = getPathCenter(segments);\n      if (!display.label) {\n        // Background chip drawn first so it sits behind the text.\n        const labelBg = new Graphics();\n        labelBg.label = 'edge-label-bg';\n        display.container.addChild(labelBg);\n        display.labelBg = labelBg;\n\n        const style = new TextStyle({\n          fontFamily: data.labelFontFamily ?? 'system-ui, -apple-system, sans-serif',\n          fontSize: data.labelFontSize ?? 12,\n          fill: color,\n        });\n        display.label = new Text({ text: data.labelText, style });\n        display.label.anchor.set(0.5, 0.5);\n        display.container.addChild(display.label);\n      }\n      display.label.text = data.labelText;\n      const lx = center.x;\n      const ly = center.y - 10;\n      display.label.position.set(lx, ly);\n      (display.label.style as TextStyle).fill = color;\n\n      // Draw a rounded background chip behind the label so the line / waypoints\n      // don't show through the text.\n      if (display.labelBg) {\n        const padX = 5;\n        const padY = 2;\n        const tw = display.label.width + padX * 2;\n        const th = display.label.height + padY * 2;\n        display.labelBg.clear();\n        display.labelBg\n          .roundRect(lx - tw / 2, ly - th / 2, tw, th, 4)\n          .fill({ color: 0xffffff, alpha: 0.92 });\n      }\n    } else {\n      if (display.label) display.label.text = '';\n      if (display.labelBg) display.labelBg.clear();\n    }\n  }\n\n  private _drawPath(\n    g: Graphics,\n    segs: PathSegment[],\n    color: string,\n    width: number,\n    lineStyle?: string,\n    dashDensity?: string,\n  ): void {\n    const dash = getDashPattern(lineStyle, dashDensity, width);\n    if (dash) {\n      const offset = lineStyle === 'dynamic' ? this._dynamicOffset : 0;\n      drawDashedPath(g, segs as PathSeg[], dash, offset);\n      g.stroke({ color, width, cap: 'round' as const });\n    } else {\n      for (const seg of segs) {\n        switch (seg.type) {\n          case 'M': g.moveTo(seg.x, seg.y); break;\n          case 'L': g.lineTo(seg.x, seg.y); break;\n          case 'C': g.bezierCurveTo(seg.cp1x!, seg.cp1y!, seg.cp2x!, seg.cp2y!, seg.x, seg.y); break;\n          case 'Q': g.quadraticCurveTo(seg.cp1x!, seg.cp1y!, seg.x, seg.y); break;\n        }\n      }\n      g.stroke({ color, width });\n    }\n  }\n\n  destroy(): void {\n    for (const [, display] of this.edges) {\n      display.container.destroy({ children: true });\n    }\n    this.edges.clear();\n    this.edgeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/edges/edgeMarkers.js

@@ -1,18 +1,15 @@
-var p = 10;
-function T(n, r, o, c, s, l, t = p) {
-  if (r === "none") return;
-  const e = Math.cos(s), a = Math.sin(s), f = o, h = c, i = o - t * e + t / 2 * a, M = c - t * a - t / 2 * e, u = o - t * e - t / 2 * a, w = c - t * a + t / 2 * e;
-  n.moveTo(f, h).lineTo(i, M).lineTo(u, w), r === "arrowclosed" ? n.closePath().fill({ color: l }) : n.stroke({
-    color: l,
-    width: 1.5
-  });
+function e(e, t, n, r, i, a, o = 10) {
+	if (t === "none") return;
+	let s = Math.cos(i), c = Math.sin(i), l = n, u = r, d = n - o * s + o / 2 * c, f = r - o * c - o / 2 * s, p = n - o * s - o / 2 * c, m = r - o * c + o / 2 * s;
+	e.moveTo(l, u).lineTo(d, f).lineTo(p, m), t === "arrowclosed" ? e.closePath().fill({ color: a }) : e.stroke({
+		color: a,
+		width: 1.5
+	});
 }
-function X(n, r, o, c) {
-  return Math.atan2(c - r, o - n);
+function t(e, t, n, r) {
+	return Math.atan2(r - t, n - e);
 }
-export {
-  X as angleBetween,
-  T as drawMarker
-};
+//#endregion
+export { t as angleBetween, e as drawMarker };
 
 //# sourceMappingURL=edgeMarkers.js.map

package/dist/components/pro/Flow/edges/edgeMarkers.js.map

@@ -1 +1 @@
-{"version":3,"file":"edgeMarkers.js","names":[],"sources":["../../../../../src/components/pro/Flow/edges/edgeMarkers.ts"],"sourcesContent":["import { Graphics } from 'pixi.js';\nimport type { FlowEdgeMarkerKind } from '../types';\n\nconst MARKER_SIZE = 10;\n\n/**\n * Draw an arrow marker at a given position and angle.\n */\nexport function drawMarker(\n  g: Graphics,\n  kind: FlowEdgeMarkerKind,\n  x: number,\n  y: number,\n  angle: number,\n  color: string,\n  size = MARKER_SIZE,\n): void {\n  if (kind === 'none') return;\n\n  const cos = Math.cos(angle);\n  const sin = Math.sin(angle);\n\n  const tipX = x;\n  const tipY = y;\n  const leftX = x - size * cos + (size / 2) * sin;\n  const leftY = y - size * sin - (size / 2) * cos;\n  const rightX = x - size * cos - (size / 2) * sin;\n  const rightY = y - size * sin + (size / 2) * cos;\n\n  g.moveTo(tipX, tipY)\n    .lineTo(leftX, leftY)\n    .lineTo(rightX, rightY);\n\n  if (kind === 'arrowclosed') {\n    g.closePath().fill({ color });\n  } else {\n    g.stroke({ color, width: 1.5 });\n  }\n}\n\n/**\n * Compute the angle between two points (in radians).\n */\nexport function angleBetween(\n  fromX: number, fromY: number,\n  toX: number, toY: number,\n): number {\n  return Math.atan2(toY - fromY, toX - fromX);\n}\n"],"mappings":"AAGA,IAAM,IAAc;AAKpB,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,GACA,IAAO,GACD;AACN,MAAI,MAAS,OAAQ;AAErB,QAAM,IAAM,KAAK,IAAI,CAAK,GACpB,IAAM,KAAK,IAAI,CAAK,GAEpB,IAAO,GACP,IAAO,GACP,IAAQ,IAAI,IAAO,IAAO,IAAO,IAAK,GACtC,IAAQ,IAAI,IAAO,IAAO,IAAO,IAAK,GACtC,IAAS,IAAI,IAAO,IAAO,IAAO,IAAK,GACvC,IAAS,IAAI,IAAO,IAAO,IAAO,IAAK;AAE7C,EAAA,EAAE,OAAO,GAAM,CAAI,EAChB,OAAO,GAAO,CAAK,EACnB,OAAO,GAAQ,CAAM,GAEpB,MAAS,gBACX,EAAE,UAAU,EAAE,KAAK,EAAE,OAAA,EAAM,CAAC,IAE5B,EAAE,OAAO;AAAA,IAAE,OAAA;AAAA,IAAO,OAAO;AAAA,EAAI,CAAC;AAElC;AAKA,SAAgB,EACd,GAAe,GACf,GAAa,GACL;AACR,SAAO,KAAK,MAAM,IAAM,GAAO,IAAM,CAAK;AAC5C"}
+{"version":3,"file":"edgeMarkers.js","names":[],"sources":["../../../../../src/components/pro/Flow/edges/edgeMarkers.ts"],"sourcesContent":["import { Graphics } from 'pixi.js';\nimport type { FlowEdgeMarkerKind } from '../types';\n\nconst MARKER_SIZE = 10;\n\n/**\n * Draw an arrow marker at a given position and angle.\n */\nexport function drawMarker(\n  g: Graphics,\n  kind: FlowEdgeMarkerKind,\n  x: number,\n  y: number,\n  angle: number,\n  color: string,\n  size = MARKER_SIZE,\n): void {\n  if (kind === 'none') return;\n\n  const cos = Math.cos(angle);\n  const sin = Math.sin(angle);\n\n  const tipX = x;\n  const tipY = y;\n  const leftX = x - size * cos + (size / 2) * sin;\n  const leftY = y - size * sin - (size / 2) * cos;\n  const rightX = x - size * cos - (size / 2) * sin;\n  const rightY = y - size * sin + (size / 2) * cos;\n\n  g.moveTo(tipX, tipY)\n    .lineTo(leftX, leftY)\n    .lineTo(rightX, rightY);\n\n  if (kind === 'arrowclosed') {\n    g.closePath().fill({ color });\n  } else {\n    g.stroke({ color, width: 1.5 });\n  }\n}\n\n/**\n * Compute the angle between two points (in radians).\n */\nexport function angleBetween(\n  fromX: number, fromY: number,\n  toX: number, toY: number,\n): number {\n  return Math.atan2(toY - fromY, toX - fromX);\n}\n"],"mappings":"AAQA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,GACA,IAAO,IACD;CACN,IAAI,MAAS,QAAQ;CAErB,IAAM,IAAM,KAAK,IAAI,CAAK,GACpB,IAAM,KAAK,IAAI,CAAK,GAEpB,IAAO,GACP,IAAO,GACP,IAAQ,IAAI,IAAO,IAAO,IAAO,IAAK,GACtC,IAAQ,IAAI,IAAO,IAAO,IAAO,IAAK,GACtC,IAAS,IAAI,IAAO,IAAO,IAAO,IAAK,GACvC,IAAS,IAAI,IAAO,IAAO,IAAO,IAAK;CAM7C,AAJA,EAAE,OAAO,GAAM,CAAI,CAAC,CACjB,OAAO,GAAO,CAAK,CAAC,CACpB,OAAO,GAAQ,CAAM,GAEpB,MAAS,gBACX,EAAE,UAAU,CAAC,CAAC,KAAK,EAAE,SAAM,CAAC,IAE5B,EAAE,OAAO;EAAE;EAAO,OAAO;CAAI,CAAC;AAElC;AAKA,SAAgB,EACd,GAAe,GACf,GAAa,GACL;CACR,OAAO,KAAK,MAAM,IAAM,GAAO,IAAM,CAAK;AAC5C"}