dishui 0.0.65 → 0.0.67

package/dist/components/pro/Flow/lines/GeometricLineTool.js

@@ -1,85 +1,85 @@
-import { resolveThemeColor as o } from "../utils/themeColor.js";
-import { generateId as n } from "../nodes/nodeUtils.js";
-import { Graphics as h } from "pixi.js";
+import { resolveThemeColor as e } from "../utils/themeColor.js";
+import { generateId as t } from "../nodes/nodeUtils.js";
+import { Graphics as n } from "pixi.js";
+//#region src/components/pro/Flow/lines/GeometricLineTool.ts
 function r() {
-  return o("theme:base-content", "#374151");
+	return e("theme:base-content", "#374151");
 }
-var p = class {
-  stage;
-  preview;
-  callbacks;
-  points = [];
-  _active = !1;
-  _mode = "straight";
-  _currentPos = {
-    x: 0,
-    y: 0
-  };
-  _lastClickTime = 0;
-  _lastClickPos = {
-    x: 0,
-    y: 0
-  };
-  constructor(i, e, t) {
-    this.stage = i, this.callbacks = t, this.preview = new h(), this.preview.label = "geo-line-preview", this.preview.visible = !1, e.addChild(this.preview), this._handleKeyDown = this._handleKeyDown.bind(this);
-  }
-  get active() {
-    return this._active;
-  }
-  get mode() {
-    return this._mode;
-  }
-  set mode(i) {
-    this._mode = i;
-  }
-  activate(i = "straight") {
-    this._active = !0, this._mode = i, this.points = [], this._lastClickTime = 0, this.stage.on("pointerdown", this._onClick, this), this.stage.on("globalpointermove", this._onMove, this), window.addEventListener("keydown", this._handleKeyDown);
-  }
-  deactivate() {
-    this._active = !1, this.points = [], this.preview.destroyed || (this.preview.clear(), this.preview.visible = !1), this.stage.off("pointerdown", this._onClick, this), this.stage.off("globalpointermove", this._onMove, this), window.removeEventListener("keydown", this._handleKeyDown);
-  }
-  _handleKeyDown(i) {
-    (i.key === "Enter" || i.key === "Return") && this._mode === "polyline" && this.points.length >= 2 && this._finishLine();
-  }
-  _onClick = (i) => {
-    if (i.button !== 0) return;
-    const e = this.callbacks.screenToWorld(i.global.x, i.global.y), t = Date.now(), s = t - this._lastClickTime < 350 && Math.hypot(e.x - this._lastClickPos.x, e.y - this._lastClickPos.y) < 10;
-    if (this._lastClickTime = t, this._lastClickPos = e, s && this._mode === "polyline" && this.points.length >= 2) {
-      this._finishLine();
-      return;
-    }
-    this.points.push(e), (this._mode === "straight" || this._mode === "arrow") && this.points.length >= 2 && this._finishLine();
-  };
-  _onMove = (i) => {
-    const e = this.callbacks.screenToWorld(i.global.x, i.global.y);
-    if (this._currentPos = e, this.points.length !== 0) {
-      this.preview.visible = !0, this.preview.clear(), this.preview.moveTo(this.points[0].x, this.points[0].y);
-      for (let t = 1; t < this.points.length; t++) this.preview.lineTo(this.points[t].x, this.points[t].y);
-      this.preview.lineTo(e.x, e.y), this.preview.stroke({
-        color: r(),
-        width: 2,
-        alpha: 0.5
-      });
-    }
-  };
-  _finishLine() {
-    const i = this._mode === "arrow" ? "arrowclosed" : "none", e = this._mode === "arrow" ? "arrow" : this._mode, t = {
-      id: n("line"),
-      type: e,
-      points: [...this.points],
-      strokeColor: "theme:base-content",
-      strokeWidth: 2,
-      lineStyle: "solid",
-      markerEnd: i
-    };
-    this.callbacks.onLineComplete(t), this.points = [], this.preview.clear(), this.preview.visible = !1;
-  }
-  destroy() {
-    this.deactivate(), this.preview.destroyed || this.preview.destroy();
-  }
-};
-export {
-  p as GeometricLineTool
+var i = class {
+	stage;
+	preview;
+	callbacks;
+	points = [];
+	_active = !1;
+	_mode = "straight";
+	_currentPos = {
+		x: 0,
+		y: 0
+	};
+	_lastClickTime = 0;
+	_lastClickPos = {
+		x: 0,
+		y: 0
+	};
+	constructor(e, t, r) {
+		this.stage = e, this.callbacks = r, this.preview = new n(), this.preview.label = "geo-line-preview", this.preview.visible = !1, t.addChild(this.preview), this._handleKeyDown = this._handleKeyDown.bind(this);
+	}
+	get active() {
+		return this._active;
+	}
+	get mode() {
+		return this._mode;
+	}
+	set mode(e) {
+		this._mode = e;
+	}
+	activate(e = "straight") {
+		this._active = !0, this._mode = e, this.points = [], this._lastClickTime = 0, this.stage.on("pointerdown", this._onClick, this), this.stage.on("globalpointermove", this._onMove, this), window.addEventListener("keydown", this._handleKeyDown);
+	}
+	deactivate() {
+		this._active = !1, this.points = [], this.preview.destroyed || (this.preview.clear(), this.preview.visible = !1), this.stage.off("pointerdown", this._onClick, this), this.stage.off("globalpointermove", this._onMove, this), window.removeEventListener("keydown", this._handleKeyDown);
+	}
+	_handleKeyDown(e) {
+		(e.key === "Enter" || e.key === "Return") && this._mode === "polyline" && this.points.length >= 2 && this._finishLine();
+	}
+	_onClick = (e) => {
+		if (e.button !== 0) return;
+		let t = this.callbacks.screenToWorld(e.global.x, e.global.y), n = Date.now(), r = n - this._lastClickTime < 350 && Math.hypot(t.x - this._lastClickPos.x, t.y - this._lastClickPos.y) < 10;
+		if (this._lastClickTime = n, this._lastClickPos = t, r && this._mode === "polyline" && this.points.length >= 2) {
+			this._finishLine();
+			return;
+		}
+		this.points.push(t), (this._mode === "straight" || this._mode === "arrow") && this.points.length >= 2 && this._finishLine();
+	};
+	_onMove = (e) => {
+		let t = this.callbacks.screenToWorld(e.global.x, e.global.y);
+		if (this._currentPos = t, this.points.length !== 0) {
+			this.preview.visible = !0, this.preview.clear(), this.preview.moveTo(this.points[0].x, this.points[0].y);
+			for (let e = 1; e < this.points.length; e++) this.preview.lineTo(this.points[e].x, this.points[e].y);
+			this.preview.lineTo(t.x, t.y), this.preview.stroke({
+				color: r(),
+				width: 2,
+				alpha: .5
+			});
+		}
+	};
+	_finishLine() {
+		let e = this._mode === "arrow" ? "arrowclosed" : "none", n = this._mode === "arrow" ? "arrow" : this._mode, r = {
+			id: t("line"),
+			type: n,
+			points: [...this.points],
+			strokeColor: "theme:base-content",
+			strokeWidth: 2,
+			lineStyle: "solid",
+			markerEnd: e
+		};
+		this.callbacks.onLineComplete(r), this.points = [], this.preview.clear(), this.preview.visible = !1;
+	}
+	destroy() {
+		this.deactivate(), this.preview.destroyed || this.preview.destroy();
+	}
 };
+//#endregion
+export { i as GeometricLineTool };
 
 //# sourceMappingURL=GeometricLineTool.js.map

package/dist/components/pro/Flow/lines/GeometricLineTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeometricLineTool.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/GeometricLineTool.ts"],"sourcesContent":["import { Graphics, Container, FederatedPointerEvent } from 'pixi.js';\nimport type { FlowLine, FlowLineType, FlowEdgeMarkerKind } from '../types';\nimport { generateId } from '../nodes/nodeUtils';\nimport { resolveThemeColor } from '../utils/themeColor';\n\nfunction previewStrokeColor(): string {\n  return resolveThemeColor('theme:base-content', '#374151');\n}\n\nexport interface GeometricLineToolCallbacks {\n  onLineComplete: (line: FlowLine) => void;\n  screenToWorld: (sx: number, sy: number) => { x: number; y: number };\n}\n\ntype GeoMode = 'straight' | 'polyline' | 'arrow';\n\n/**\n * Click-to-place geometric lines: straight, polyline, and arrow.\n * - straight/arrow: click start, click end\n * - polyline: click each point, double-click to finish\n */\nexport class GeometricLineTool {\n  private stage: Container;\n  private preview: Graphics;\n  private callbacks: GeometricLineToolCallbacks;\n  private points: Array<{ x: number; y: number }> = [];\n  private _active = false;\n  private _mode: GeoMode = 'straight';\n  private _currentPos = { x: 0, y: 0 };\n  private _lastClickTime = 0;\n  private _lastClickPos = { x: 0, y: 0 };\n\n  constructor(stage: Container, world: Container, callbacks: GeometricLineToolCallbacks) {\n    this.stage = stage;\n    this.callbacks = callbacks;\n    this.preview = new Graphics();\n    this.preview.label = 'geo-line-preview';\n    this.preview.visible = false;\n    world.addChild(this.preview);\n    this._handleKeyDown = this._handleKeyDown.bind(this);\n  }\n\n  get active(): boolean { return this._active; }\n  get mode(): GeoMode { return this._mode; }\n  set mode(m: GeoMode) { this._mode = m; }\n\n  activate(mode: GeoMode = 'straight'): void {\n    this._active = true;\n    this._mode = mode;\n    this.points = [];\n    this._lastClickTime = 0;\n    this.stage.on('pointerdown', this._onClick, this);\n    this.stage.on('globalpointermove', this._onMove, this);\n    window.addEventListener('keydown', this._handleKeyDown);\n  }\n\n  deactivate(): void {\n    this._active = false;\n    this.points = [];\n    if (!this.preview.destroyed) {\n      this.preview.clear();\n      this.preview.visible = false;\n    }\n    this.stage.off('pointerdown', this._onClick, this);\n    this.stage.off('globalpointermove', this._onMove, this);\n    window.removeEventListener('keydown', this._handleKeyDown);\n  }\n\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter' || e.key === 'Return') {\n      if (this._mode === 'polyline' && this.points.length >= 2) {\n        this._finishLine();\n      }\n    }\n  }\n\n  private _onClick = (e: FederatedPointerEvent): void => {\n    if (e.button !== 0) return;\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n\n    const now = Date.now();\n    const isDbl = now - this._lastClickTime < 350\n      && Math.hypot(world.x - this._lastClickPos.x, world.y - this._lastClickPos.y) < 10;\n    this._lastClickTime = now;\n    this._lastClickPos = world;\n\n    if (isDbl && this._mode === 'polyline' && this.points.length >= 2) {\n      this._finishLine();\n      return;\n    }\n\n    this.points.push(world);\n    if ((this._mode === 'straight' || this._mode === 'arrow') && this.points.length >= 2) {\n      this._finishLine();\n    }\n  };\n\n  private _onMove = (e: FederatedPointerEvent): void => {\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n    this._currentPos = world;\n\n    if (this.points.length === 0) return;\n    this.preview.visible = true;\n    this.preview.clear();\n\n    this.preview.moveTo(this.points[0].x, this.points[0].y);\n    for (let i = 1; i < this.points.length; i++) {\n      this.preview.lineTo(this.points[i].x, this.points[i].y);\n    }\n    this.preview.lineTo(world.x, world.y);\n    this.preview.stroke({ color: previewStrokeColor(), width: 2, alpha: 0.5 });\n  };\n\n  private _finishLine(): void {\n    const markerEnd: FlowEdgeMarkerKind = this._mode === 'arrow' ? 'arrowclosed' : 'none';\n    const lineType: FlowLineType = this._mode === 'arrow' ? 'arrow' : this._mode;\n\n    const line: FlowLine = {\n      id: generateId('line'),\n      type: lineType,\n      points: [...this.points],\n      strokeColor: 'theme:base-content',\n      strokeWidth: 2,\n      lineStyle: 'solid',\n      markerEnd,\n    };\n\n    this.callbacks.onLineComplete(line);\n    this.points = [];\n    this.preview.clear();\n    this.preview.visible = false;\n  }\n\n  destroy(): void {\n    this.deactivate();\n    if (!this.preview.destroyed) this.preview.destroy();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"GeometricLineTool.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/GeometricLineTool.ts"],"sourcesContent":["import { Graphics, Container, FederatedPointerEvent } from 'pixi.js';\nimport type { FlowLine, FlowLineType, FlowEdgeMarkerKind } from '../types';\nimport { generateId } from '../nodes/nodeUtils';\nimport { resolveThemeColor } from '../utils/themeColor';\n\nfunction previewStrokeColor(): string {\n  return resolveThemeColor('theme:base-content', '#374151');\n}\n\nexport interface GeometricLineToolCallbacks {\n  onLineComplete: (line: FlowLine) => void;\n  screenToWorld: (sx: number, sy: number) => { x: number; y: number };\n}\n\ntype GeoMode = 'straight' | 'polyline' | 'arrow';\n\n/**\n * Click-to-place geometric lines: straight, polyline, and arrow.\n * - straight/arrow: click start, click end\n * - polyline: click each point, double-click to finish\n */\nexport class GeometricLineTool {\n  private stage: Container;\n  private preview: Graphics;\n  private callbacks: GeometricLineToolCallbacks;\n  private points: Array<{ x: number; y: number }> = [];\n  private _active = false;\n  private _mode: GeoMode = 'straight';\n  private _currentPos = { x: 0, y: 0 };\n  private _lastClickTime = 0;\n  private _lastClickPos = { x: 0, y: 0 };\n\n  constructor(stage: Container, world: Container, callbacks: GeometricLineToolCallbacks) {\n    this.stage = stage;\n    this.callbacks = callbacks;\n    this.preview = new Graphics();\n    this.preview.label = 'geo-line-preview';\n    this.preview.visible = false;\n    world.addChild(this.preview);\n    this._handleKeyDown = this._handleKeyDown.bind(this);\n  }\n\n  get active(): boolean { return this._active; }\n  get mode(): GeoMode { return this._mode; }\n  set mode(m: GeoMode) { this._mode = m; }\n\n  activate(mode: GeoMode = 'straight'): void {\n    this._active = true;\n    this._mode = mode;\n    this.points = [];\n    this._lastClickTime = 0;\n    this.stage.on('pointerdown', this._onClick, this);\n    this.stage.on('globalpointermove', this._onMove, this);\n    window.addEventListener('keydown', this._handleKeyDown);\n  }\n\n  deactivate(): void {\n    this._active = false;\n    this.points = [];\n    if (!this.preview.destroyed) {\n      this.preview.clear();\n      this.preview.visible = false;\n    }\n    this.stage.off('pointerdown', this._onClick, this);\n    this.stage.off('globalpointermove', this._onMove, this);\n    window.removeEventListener('keydown', this._handleKeyDown);\n  }\n\n  private _handleKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter' || e.key === 'Return') {\n      if (this._mode === 'polyline' && this.points.length >= 2) {\n        this._finishLine();\n      }\n    }\n  }\n\n  private _onClick = (e: FederatedPointerEvent): void => {\n    if (e.button !== 0) return;\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n\n    const now = Date.now();\n    const isDbl = now - this._lastClickTime < 350\n      && Math.hypot(world.x - this._lastClickPos.x, world.y - this._lastClickPos.y) < 10;\n    this._lastClickTime = now;\n    this._lastClickPos = world;\n\n    if (isDbl && this._mode === 'polyline' && this.points.length >= 2) {\n      this._finishLine();\n      return;\n    }\n\n    this.points.push(world);\n    if ((this._mode === 'straight' || this._mode === 'arrow') && this.points.length >= 2) {\n      this._finishLine();\n    }\n  };\n\n  private _onMove = (e: FederatedPointerEvent): void => {\n    const world = this.callbacks.screenToWorld(e.global.x, e.global.y);\n    this._currentPos = world;\n\n    if (this.points.length === 0) return;\n    this.preview.visible = true;\n    this.preview.clear();\n\n    this.preview.moveTo(this.points[0].x, this.points[0].y);\n    for (let i = 1; i < this.points.length; i++) {\n      this.preview.lineTo(this.points[i].x, this.points[i].y);\n    }\n    this.preview.lineTo(world.x, world.y);\n    this.preview.stroke({ color: previewStrokeColor(), width: 2, alpha: 0.5 });\n  };\n\n  private _finishLine(): void {\n    const markerEnd: FlowEdgeMarkerKind = this._mode === 'arrow' ? 'arrowclosed' : 'none';\n    const lineType: FlowLineType = this._mode === 'arrow' ? 'arrow' : this._mode;\n\n    const line: FlowLine = {\n      id: generateId('line'),\n      type: lineType,\n      points: [...this.points],\n      strokeColor: 'theme:base-content',\n      strokeWidth: 2,\n      lineStyle: 'solid',\n      markerEnd,\n    };\n\n    this.callbacks.onLineComplete(line);\n    this.points = [];\n    this.preview.clear();\n    this.preview.visible = false;\n  }\n\n  destroy(): void {\n    this.deactivate();\n    if (!this.preview.destroyed) this.preview.destroy();\n  }\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/lines/LineRenderer.js

@@ -1,92 +1,92 @@
-import { resolveThemeColor as x } from "../utils/themeColor.js";
-import { drawDashedPolyline as g } from "../utils/dashedLine.js";
-import { angleBetween as h, drawMarker as f } from "../edges/edgeMarkers.js";
-import { Container as y, Graphics as m } from "pixi.js";
-function u(n, e = 2) {
-  if (!(!n || n === "solid")) {
-    if (n === "dynamic") return [e * 4, e * 3];
-    if (n === "dotted") return [e, e * 2];
-    if (n === "dashed") return [e * 3, e * 2];
-  }
+import { resolveThemeColor as e } from "../utils/themeColor.js";
+import { drawDashedPolyline as t } from "../utils/dashedLine.js";
+import { angleBetween as n, drawMarker as r } from "../edges/edgeMarkers.js";
+import { Container as i, Graphics as a } from "pixi.js";
+//#region src/components/pro/Flow/lines/LineRenderer.ts
+function o(e, t = 2) {
+	if (e && e !== "solid") {
+		if (e === "dynamic") return [t * 4, t * 3];
+		if (e === "dotted") return [t, t * 2];
+		if (e === "dashed") return [t * 3, t * 2];
+	}
 }
-var L = class {
-  world;
-  lineLayer;
-  lines = /* @__PURE__ */ new Map();
-  _dynamicOffset = 0;
-  advanceAnimation(n) {
-    this._dynamicOffset = (this._dynamicOffset + n * 0.06) % 1e3;
-  }
-  constructor(n) {
-    this.world = n, this.lineLayer = new y({
-      label: "lines",
-      sortableChildren: !0
-    }), this.world.addChildAt(this.lineLayer, Math.min(1, this.world.children.length));
-  }
-  sync(n, e) {
-    const s = /* @__PURE__ */ new Set();
-    for (const r of n) {
-      s.add(r.id);
-      let o = this.lines.get(r.id);
-      o || (o = this._create(r), this.lines.set(r.id, o)), this._update(o, r, e.has(r.id));
-    }
-    for (const [r, o] of this.lines) s.has(r) || (this.lineLayer.removeChild(o.container), o.container.destroy({ children: !0 }), this.lines.delete(r));
-  }
-  _create(n) {
-    const e = new y({ label: `line-${n.id}` }), s = new m();
-    s.label = "line-hitarea", s.eventMode = "static", s.cursor = "pointer", s.alpha = 1e-3, e.addChild(s);
-    const r = new m();
-    return r.label = "line-gfx", e.addChild(r), this.lineLayer.addChild(e), {
-      container: e,
-      gfx: r,
-      hitArea: s,
-      lineId: n.id
-    };
-  }
-  _update(n, e, s) {
-    n.container.zIndex = e.zIndex ?? 0;
-    const { gfx: r, hitArea: o } = n, t = e.points;
-    if (t.length < 2) return;
-    const a = s ? "#3b82f6" : x(e.strokeColor, "#374151"), d = e.strokeWidth;
-    r.clear();
-    const c = u(e.lineStyle, d);
-    if (c) {
-      const i = e.lineStyle === "dynamic" ? this._dynamicOffset : 0, l = e.closed ? [...t, t[0]] : t;
-      g(r, l, c, i), r.stroke({
-        color: a,
-        width: d,
-        cap: "round"
-      });
-    } else {
-      r.moveTo(t[0].x, t[0].y);
-      for (let i = 1; i < t.length; i++) r.lineTo(t[i].x, t[i].y);
-      e.closed && r.closePath(), r.stroke({
-        color: a,
-        width: d
-      });
-    }
-    if (e.markerStart && e.markerStart !== "none" && t.length >= 2) {
-      const i = h(t[1].x, t[1].y, t[0].x, t[0].y);
-      f(r, e.markerStart, t[0].x, t[0].y, i, a);
-    }
-    if (e.markerEnd && e.markerEnd !== "none" && t.length >= 2) {
-      const i = t[t.length - 1], l = t[t.length - 2], p = h(l.x, l.y, i.x, i.y);
-      f(r, e.markerEnd, i.x, i.y, p, a);
-    }
-    o.clear(), o.moveTo(t[0].x, t[0].y);
-    for (let i = 1; i < t.length; i++) o.lineTo(t[i].x, t[i].y);
-    o.stroke({
-      color: "#000000",
-      width: Math.max(d + 10, 14)
-    }), o.alpha = 1e-3;
-  }
-  destroy() {
-    for (const [, n] of this.lines) n.container.destroy({ children: !0 });
-    this.lines.clear(), this.lineLayer.destroy({ children: !0 });
-  }
-};
-export {
-  L as LineRenderer
+var s = class {
+	world;
+	lineLayer;
+	lines = /* @__PURE__ */ new Map();
+	_dynamicOffset = 0;
+	advanceAnimation(e) {
+		this._dynamicOffset = (this._dynamicOffset + e * .06) % 1e3;
+	}
+	constructor(e) {
+		this.world = e, this.lineLayer = new i({
+			label: "lines",
+			sortableChildren: !0
+		}), this.world.addChildAt(this.lineLayer, Math.min(1, this.world.children.length));
+	}
+	sync(e, t) {
+		let n = /* @__PURE__ */ new Set();
+		for (let r of e) {
+			n.add(r.id);
+			let e = this.lines.get(r.id);
+			e || (e = this._create(r), this.lines.set(r.id, e)), this._update(e, r, t.has(r.id));
+		}
+		for (let [e, t] of this.lines) n.has(e) || (this.lineLayer.removeChild(t.container), t.container.destroy({ children: !0 }), this.lines.delete(e));
+	}
+	_create(e) {
+		let t = new i({ label: `line-${e.id}` }), n = new a();
+		n.label = "line-hitarea", n.eventMode = "static", n.cursor = "pointer", n.alpha = .001, t.addChild(n);
+		let r = new a();
+		return r.label = "line-gfx", t.addChild(r), this.lineLayer.addChild(t), {
+			container: t,
+			gfx: r,
+			hitArea: n,
+			lineId: e.id
+		};
+	}
+	_update(i, a, s) {
+		i.container.zIndex = a.zIndex ?? 0;
+		let { gfx: c, hitArea: l } = i, u = a.points;
+		if (u.length < 2) return;
+		let d = s ? "#3b82f6" : e(a.strokeColor, "#374151"), f = a.strokeWidth;
+		c.clear();
+		let p = o(a.lineStyle, f);
+		if (p) {
+			let e = a.lineStyle === "dynamic" ? this._dynamicOffset : 0, n = a.closed ? [...u, u[0]] : u;
+			t(c, n, p, e), c.stroke({
+				color: d,
+				width: f,
+				cap: "round"
+			});
+		} else {
+			c.moveTo(u[0].x, u[0].y);
+			for (let e = 1; e < u.length; e++) c.lineTo(u[e].x, u[e].y);
+			a.closed && c.closePath(), c.stroke({
+				color: d,
+				width: f
+			});
+		}
+		if (a.markerStart && a.markerStart !== "none" && u.length >= 2) {
+			let e = n(u[1].x, u[1].y, u[0].x, u[0].y);
+			r(c, a.markerStart, u[0].x, u[0].y, e, d);
+		}
+		if (a.markerEnd && a.markerEnd !== "none" && u.length >= 2) {
+			let e = u[u.length - 1], t = u[u.length - 2], i = n(t.x, t.y, e.x, e.y);
+			r(c, a.markerEnd, e.x, e.y, i, d);
+		}
+		l.clear(), l.moveTo(u[0].x, u[0].y);
+		for (let e = 1; e < u.length; e++) l.lineTo(u[e].x, u[e].y);
+		l.stroke({
+			color: "#000000",
+			width: Math.max(f + 10, 14)
+		}), l.alpha = .001;
+	}
+	destroy() {
+		for (let [, e] of this.lines) e.container.destroy({ children: !0 });
+		this.lines.clear(), this.lineLayer.destroy({ children: !0 });
+	}
 };
+//#endregion
+export { s as LineRenderer };
 
 //# sourceMappingURL=LineRenderer.js.map

package/dist/components/pro/Flow/lines/LineRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/LineRenderer.ts"],"sourcesContent":["import { Container, Graphics } from 'pixi.js';\nimport type { FlowLine } from '../types';\nimport { drawMarker, angleBetween } from '../edges/edgeMarkers';\nimport { drawDashedPolyline } from '../utils/dashedLine';\nimport { resolveThemeColor } from '../utils/themeColor';\n\nfunction getLineDash(style?: string, width = 2): number[] | undefined {\n  if (!style || style === 'solid') return undefined;\n  if (style === 'dynamic') return [width * 4, width * 3];\n  if (style === 'dotted') return [width, width * 2];\n  if (style === 'dashed') return [width * 3, width * 2];\n  return undefined;\n}\n\ninterface LineDisplay {\n  container: Container;\n  gfx: Graphics;\n  hitArea: Graphics;\n  lineId: string;\n}\n\n/**\n * Renders independent FlowLine[] objects on the canvas.\n */\nexport class LineRenderer {\n  private world: Container;\n  private lineLayer: Container;\n  private lines = new Map<string, LineDisplay>();\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.lineLayer = new Container({ label: 'lines', sortableChildren: true });\n    // Lines on top of edges but below nodes\n    this.world.addChildAt(this.lineLayer, Math.min(1, this.world.children.length));\n  }\n\n  sync(flowLines: FlowLine[], selectedIds: Set<string>): void {\n    const seen = new Set<string>();\n\n    for (const line of flowLines) {\n      seen.add(line.id);\n      let display = this.lines.get(line.id);\n      if (!display) {\n        display = this._create(line);\n        this.lines.set(line.id, display);\n      }\n      this._update(display, line, selectedIds.has(line.id));\n    }\n\n    for (const [id, display] of this.lines) {\n      if (!seen.has(id)) {\n        this.lineLayer.removeChild(display.container);\n        display.container.destroy({ children: true });\n        this.lines.delete(id);\n      }\n    }\n  }\n\n  private _create(line: FlowLine): LineDisplay {\n    const container = new Container({ label: `line-${line.id}` });\n\n    const hitArea = new Graphics();\n    hitArea.label = 'line-hitarea';\n    hitArea.eventMode = 'static';\n    hitArea.cursor = 'pointer';\n    hitArea.alpha = 0.001;\n    container.addChild(hitArea);\n\n    const gfx = new Graphics();\n    gfx.label = 'line-gfx';\n    container.addChild(gfx);\n\n    this.lineLayer.addChild(container);\n    return { container, gfx, hitArea, lineId: line.id };\n  }\n\n  private _update(display: LineDisplay, line: FlowLine, selected: boolean): void {\n    display.container.zIndex = line.zIndex ?? 0;\n    const { gfx, hitArea } = display;\n    const pts = line.points;\n    if (pts.length < 2) return;\n\n    const color = selected ? '#3b82f6' : resolveThemeColor(line.strokeColor, '#374151');\n    const width = line.strokeWidth;\n\n    gfx.clear();\n    const dash = getLineDash(line.lineStyle, width);\n    if (dash) {\n      const offset = line.lineStyle === 'dynamic' ? this._dynamicOffset : 0;\n      const drawPts = line.closed ? [...pts, pts[0]] : pts;\n      drawDashedPolyline(gfx, drawPts, dash, offset);\n      gfx.stroke({ color, width, cap: 'round' as const });\n    } else {\n      gfx.moveTo(pts[0].x, pts[0].y);\n      for (let i = 1; i < pts.length; i++) {\n        gfx.lineTo(pts[i].x, pts[i].y);\n      }\n      if (line.closed) gfx.closePath();\n      gfx.stroke({ color, width });\n    }\n\n    // Markers\n    if (line.markerStart && line.markerStart !== 'none' && pts.length >= 2) {\n      const angle = angleBetween(pts[1].x, pts[1].y, pts[0].x, pts[0].y);\n      drawMarker(gfx, line.markerStart, pts[0].x, pts[0].y, angle, color);\n    }\n    if (line.markerEnd && line.markerEnd !== 'none' && pts.length >= 2) {\n      const last = pts[pts.length - 1];\n      const prev = pts[pts.length - 2];\n      const angle = angleBetween(prev.x, prev.y, last.x, last.y);\n      drawMarker(gfx, line.markerEnd, last.x, last.y, angle, color);\n    }\n\n    // Hit area\n    hitArea.clear();\n    hitArea.moveTo(pts[0].x, pts[0].y);\n    for (let i = 1; i < pts.length; i++) {\n      hitArea.lineTo(pts[i].x, pts[i].y);\n    }\n    hitArea.stroke({ color: '#000000', width: Math.max(width + 10, 14) });\n    hitArea.alpha = 0.001;\n  }\n\n  destroy(): void {\n    for (const [, display] of this.lines) {\n      display.container.destroy({ children: true });\n    }\n    this.lines.clear();\n    this.lineLayer.destroy({ children: true });\n  }\n}\n"],"mappings":";;;;AAMA,SAAS,EAAY,GAAgB,IAAQ,GAAyB;AACpE,MAAI,GAAC,KAAS,MAAU,UACxB;AAAA,QAAI,MAAU,UAAW,QAAO,CAAC,IAAQ,GAAG,IAAQ,CAAC;AACrD,QAAI,MAAU,SAAU,QAAO,CAAC,GAAO,IAAQ,CAAC;AAChD,QAAI,MAAU,SAAU,QAAO,CAAC,IAAQ,GAAG,IAAQ,CAAC;AAAA;AAEtD;AAYA,IAAa,IAAb,MAA0B;AAAA,EACxB;AAAA,EACA;AAAA,EACA,QAAgB,oBAAI,IAAyB;AAAA,EAC7C,iBAAyB;AAAA,EAGzB,iBAAiB,GAAuB;AACtC,SAAK,kBAAkB,KAAK,iBAAiB,IAAU,QAAQ;AAAA,EACjE;AAAA,EAEA,YAAY,GAAkB;AAC5B,SAAK,QAAQ,GACb,KAAK,YAAY,IAAI,EAAU;AAAA,MAAE,OAAO;AAAA,MAAS,kBAAkB;AAAA,IAAK,CAAC,GAEzE,KAAK,MAAM,WAAW,KAAK,WAAW,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,MAAM,CAAC;AAAA,EAC/E;AAAA,EAEA,KAAK,GAAuB,GAAgC;AAC1D,UAAM,IAAO,oBAAI,IAAY;AAE7B,eAAW,KAAQ,GAAW;AAC5B,MAAA,EAAK,IAAI,EAAK,EAAE;AAChB,UAAI,IAAU,KAAK,MAAM,IAAI,EAAK,EAAE;AACpC,MAAK,MACH,IAAU,KAAK,QAAQ,CAAI,GAC3B,KAAK,MAAM,IAAI,EAAK,IAAI,CAAO,IAEjC,KAAK,QAAQ,GAAS,GAAM,EAAY,IAAI,EAAK,EAAE,CAAC;AAAA,IACtD;AAEA,eAAW,CAAC,GAAI,CAAA,KAAY,KAAK,MAC/B,CAAK,EAAK,IAAI,CAAE,MACd,KAAK,UAAU,YAAY,EAAQ,SAAS,GAC5C,EAAQ,UAAU,QAAQ,EAAE,UAAU,GAAK,CAAC,GAC5C,KAAK,MAAM,OAAO,CAAE;AAAA,EAG1B;AAAA,EAEA,QAAgB,GAA6B;AAC3C,UAAM,IAAY,IAAI,EAAU,EAAE,OAAO,QAAQ,EAAK,EAAA,GAAK,CAAC,GAEtD,IAAU,IAAI,EAAS;AAC7B,IAAA,EAAQ,QAAQ,gBAChB,EAAQ,YAAY,UACpB,EAAQ,SAAS,WACjB,EAAQ,QAAQ,MAChB,EAAU,SAAS,CAAO;AAE1B,UAAM,IAAM,IAAI,EAAS;AACzB,WAAA,EAAI,QAAQ,YACZ,EAAU,SAAS,CAAG,GAEtB,KAAK,UAAU,SAAS,CAAS,GAC1B;AAAA,MAAE,WAAA;AAAA,MAAW,KAAA;AAAA,MAAK,SAAA;AAAA,MAAS,QAAQ,EAAK;AAAA,IAAG;AAAA,EACpD;AAAA,EAEA,QAAgB,GAAsB,GAAgB,GAAyB;AAC7E,IAAA,EAAQ,UAAU,SAAS,EAAK,UAAU;AAC1C,UAAM,EAAE,KAAA,GAAK,SAAA,EAAA,IAAY,GACnB,IAAM,EAAK;AACjB,QAAI,EAAI,SAAS,EAAG;AAEpB,UAAM,IAAQ,IAAW,YAAY,EAAkB,EAAK,aAAa,SAAS,GAC5E,IAAQ,EAAK;AAEnB,IAAA,EAAI,MAAM;AACV,UAAM,IAAO,EAAY,EAAK,WAAW,CAAK;AAC9C,QAAI,GAAM;AACR,YAAM,IAAS,EAAK,cAAc,YAAY,KAAK,iBAAiB,GAC9D,IAAU,EAAK,SAAS,CAAC,GAAG,GAAK,EAAI,CAAA,CAAE,IAAI;AACjD,MAAA,EAAmB,GAAK,GAAS,GAAM,CAAM,GAC7C,EAAI,OAAO;AAAA,QAAE,OAAA;AAAA,QAAO,OAAA;AAAA,QAAO,KAAK;AAAA,MAAiB,CAAC;AAAA,IACpD,OAAO;AACL,MAAA,EAAI,OAAO,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,CAAC;AAC7B,eAAS,IAAI,GAAG,IAAI,EAAI,QAAQ,IAC9B,CAAA,EAAI,OAAO,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,CAAC;AAE/B,MAAI,EAAK,UAAQ,EAAI,UAAU,GAC/B,EAAI,OAAO;AAAA,QAAE,OAAA;AAAA,QAAO,OAAA;AAAA,MAAM,CAAC;AAAA,IAC7B;AAGA,QAAI,EAAK,eAAe,EAAK,gBAAgB,UAAU,EAAI,UAAU,GAAG;AACtE,YAAM,IAAQ,EAAa,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,CAAC;AACjE,MAAA,EAAW,GAAK,EAAK,aAAa,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,GAAG,GAAO,CAAK;AAAA,IACpE;AACA,QAAI,EAAK,aAAa,EAAK,cAAc,UAAU,EAAI,UAAU,GAAG;AAClE,YAAM,IAAO,EAAI,EAAI,SAAS,CAAA,GACxB,IAAO,EAAI,EAAI,SAAS,CAAA,GACxB,IAAQ,EAAa,EAAK,GAAG,EAAK,GAAG,EAAK,GAAG,EAAK,CAAC;AACzD,MAAA,EAAW,GAAK,EAAK,WAAW,EAAK,GAAG,EAAK,GAAG,GAAO,CAAK;AAAA,IAC9D;AAGA,IAAA,EAAQ,MAAM,GACd,EAAQ,OAAO,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,CAAC;AACjC,aAAS,IAAI,GAAG,IAAI,EAAI,QAAQ,IAC9B,CAAA,EAAQ,OAAO,EAAI,CAAA,EAAG,GAAG,EAAI,CAAA,EAAG,CAAC;AAEnC,IAAA,EAAQ,OAAO;AAAA,MAAE,OAAO;AAAA,MAAW,OAAO,KAAK,IAAI,IAAQ,IAAI,EAAE;AAAA,IAAE,CAAC,GACpE,EAAQ,QAAQ;AAAA,EAClB;AAAA,EAEA,UAAgB;AACd,eAAW,CAAA,EAAG,CAAA,KAAY,KAAK,MAC7B,CAAA,EAAQ,UAAU,QAAQ,EAAE,UAAU,GAAK,CAAC;AAE9C,SAAK,MAAM,MAAM,GACjB,KAAK,UAAU,QAAQ,EAAE,UAAU,GAAK,CAAC;AAAA,EAC3C;AACF"}
+{"version":3,"file":"LineRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/LineRenderer.ts"],"sourcesContent":["import { Container, Graphics } from 'pixi.js';\nimport type { FlowLine } from '../types';\nimport { drawMarker, angleBetween } from '../edges/edgeMarkers';\nimport { drawDashedPolyline } from '../utils/dashedLine';\nimport { resolveThemeColor } from '../utils/themeColor';\n\nfunction getLineDash(style?: string, width = 2): number[] | undefined {\n  if (!style || style === 'solid') return undefined;\n  if (style === 'dynamic') return [width * 4, width * 3];\n  if (style === 'dotted') return [width, width * 2];\n  if (style === 'dashed') return [width * 3, width * 2];\n  return undefined;\n}\n\ninterface LineDisplay {\n  container: Container;\n  gfx: Graphics;\n  hitArea: Graphics;\n  lineId: string;\n}\n\n/**\n * Renders independent FlowLine[] objects on the canvas.\n */\nexport class LineRenderer {\n  private world: Container;\n  private lineLayer: Container;\n  private lines = new Map<string, LineDisplay>();\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.lineLayer = new Container({ label: 'lines', sortableChildren: true });\n    // Lines on top of edges but below nodes\n    this.world.addChildAt(this.lineLayer, Math.min(1, this.world.children.length));\n  }\n\n  sync(flowLines: FlowLine[], selectedIds: Set<string>): void {\n    const seen = new Set<string>();\n\n    for (const line of flowLines) {\n      seen.add(line.id);\n      let display = this.lines.get(line.id);\n      if (!display) {\n        display = this._create(line);\n        this.lines.set(line.id, display);\n      }\n      this._update(display, line, selectedIds.has(line.id));\n    }\n\n    for (const [id, display] of this.lines) {\n      if (!seen.has(id)) {\n        this.lineLayer.removeChild(display.container);\n        display.container.destroy({ children: true });\n        this.lines.delete(id);\n      }\n    }\n  }\n\n  private _create(line: FlowLine): LineDisplay {\n    const container = new Container({ label: `line-${line.id}` });\n\n    const hitArea = new Graphics();\n    hitArea.label = 'line-hitarea';\n    hitArea.eventMode = 'static';\n    hitArea.cursor = 'pointer';\n    hitArea.alpha = 0.001;\n    container.addChild(hitArea);\n\n    const gfx = new Graphics();\n    gfx.label = 'line-gfx';\n    container.addChild(gfx);\n\n    this.lineLayer.addChild(container);\n    return { container, gfx, hitArea, lineId: line.id };\n  }\n\n  private _update(display: LineDisplay, line: FlowLine, selected: boolean): void {\n    display.container.zIndex = line.zIndex ?? 0;\n    const { gfx, hitArea } = display;\n    const pts = line.points;\n    if (pts.length < 2) return;\n\n    const color = selected ? '#3b82f6' : resolveThemeColor(line.strokeColor, '#374151');\n    const width = line.strokeWidth;\n\n    gfx.clear();\n    const dash = getLineDash(line.lineStyle, width);\n    if (dash) {\n      const offset = line.lineStyle === 'dynamic' ? this._dynamicOffset : 0;\n      const drawPts = line.closed ? [...pts, pts[0]] : pts;\n      drawDashedPolyline(gfx, drawPts, dash, offset);\n      gfx.stroke({ color, width, cap: 'round' as const });\n    } else {\n      gfx.moveTo(pts[0].x, pts[0].y);\n      for (let i = 1; i < pts.length; i++) {\n        gfx.lineTo(pts[i].x, pts[i].y);\n      }\n      if (line.closed) gfx.closePath();\n      gfx.stroke({ color, width });\n    }\n\n    // Markers\n    if (line.markerStart && line.markerStart !== 'none' && pts.length >= 2) {\n      const angle = angleBetween(pts[1].x, pts[1].y, pts[0].x, pts[0].y);\n      drawMarker(gfx, line.markerStart, pts[0].x, pts[0].y, angle, color);\n    }\n    if (line.markerEnd && line.markerEnd !== 'none' && pts.length >= 2) {\n      const last = pts[pts.length - 1];\n      const prev = pts[pts.length - 2];\n      const angle = angleBetween(prev.x, prev.y, last.x, last.y);\n      drawMarker(gfx, line.markerEnd, last.x, last.y, angle, color);\n    }\n\n    // Hit area\n    hitArea.clear();\n    hitArea.moveTo(pts[0].x, pts[0].y);\n    for (let i = 1; i < pts.length; i++) {\n      hitArea.lineTo(pts[i].x, pts[i].y);\n    }\n    hitArea.stroke({ color: '#000000', width: Math.max(width + 10, 14) });\n    hitArea.alpha = 0.001;\n  }\n\n  destroy(): void {\n    for (const [, display] of this.lines) {\n      display.container.destroy({ children: true });\n    }\n    this.lines.clear();\n    this.lineLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/lines/lineSmoothing.js

@@ -1,39 +1,37 @@
-function M(t, x = 8) {
-  if (t.length < 3) return [...t];
-  const e = [t[0]];
-  for (let c = 0; c < t.length - 1; c++) {
-    const y = t[Math.max(0, c - 1)], h = t[c], r = t[Math.min(t.length - 1, c + 1)], f = t[Math.min(t.length - 1, c + 2)];
-    for (let l = 1; l <= x; l++) {
-      const u = l / x, a = u * u, s = a * u, m = 0.5 * (2 * h.x + (-y.x + r.x) * u + (2 * y.x - 5 * h.x + 4 * r.x - f.x) * a + (-y.x + 3 * h.x - 3 * r.x + f.x) * s), g = 0.5 * (2 * h.y + (-y.y + r.y) * u + (2 * y.y - 5 * h.y + 4 * r.y - f.y) * a + (-y.y + 3 * h.y - 3 * r.y + f.y) * s);
-      e.push({
-        x: m,
-        y: g
-      });
-    }
-  }
-  return e;
+//#region src/components/pro/Flow/lines/lineSmoothing.ts
+function e(e, t = 8) {
+	if (e.length < 3) return [...e];
+	let n = [e[0]];
+	for (let r = 0; r < e.length - 1; r++) {
+		let i = e[Math.max(0, r - 1)], a = e[r], o = e[Math.min(e.length - 1, r + 1)], s = e[Math.min(e.length - 1, r + 2)];
+		for (let e = 1; e <= t; e++) {
+			let r = e / t, c = r * r, l = c * r, u = .5 * (2 * a.x + (-i.x + o.x) * r + (2 * i.x - 5 * a.x + 4 * o.x - s.x) * c + (-i.x + 3 * a.x - 3 * o.x + s.x) * l), d = .5 * (2 * a.y + (-i.y + o.y) * r + (2 * i.y - 5 * a.y + 4 * o.y - s.y) * c + (-i.y + 3 * a.y - 3 * o.y + s.y) * l);
+			n.push({
+				x: u,
+				y: d
+			});
+		}
+	}
+	return n;
 }
-function n(t, x = 1.5) {
-  if (t.length < 3) return [...t];
-  let e = 0, c = 0;
-  const y = t[0], h = t[t.length - 1];
-  for (let r = 1; r < t.length - 1; r++) {
-    const f = o(t[r], y, h);
-    f > e && (e = f, c = r);
-  }
-  if (e > x) {
-    const r = n(t.slice(0, c + 1), x), f = n(t.slice(c), x);
-    return [...r.slice(0, -1), ...f];
-  }
-  return [y, h];
+function t(e, r = 1.5) {
+	if (e.length < 3) return [...e];
+	let i = 0, a = 0, o = e[0], s = e[e.length - 1];
+	for (let t = 1; t < e.length - 1; t++) {
+		let r = n(e[t], o, s);
+		r > i && (i = r, a = t);
+	}
+	if (i > r) {
+		let n = t(e.slice(0, a + 1), r), i = t(e.slice(a), r);
+		return [...n.slice(0, -1), ...i];
+	}
+	return [o, s];
 }
-function o(t, x, e) {
-  const c = e.x - x.x, y = e.y - x.y, h = c * c + y * y;
-  return h === 0 ? Math.hypot(t.x - x.x, t.y - x.y) : Math.abs(y * t.x - c * t.y + e.x * x.y - e.y * x.x) / Math.sqrt(h);
+function n(e, t, n) {
+	let r = n.x - t.x, i = n.y - t.y, a = r * r + i * i;
+	return a === 0 ? Math.hypot(e.x - t.x, e.y - t.y) : Math.abs(i * e.x - r * e.y + n.x * t.y - n.y * t.x) / Math.sqrt(a);
 }
-export {
-  n as simplifyPath,
-  M as smoothCatmullRom
-};
+//#endregion
+export { t as simplifyPath, e as smoothCatmullRom };
 
 //# sourceMappingURL=lineSmoothing.js.map

package/dist/components/pro/Flow/lines/lineSmoothing.js.map

@@ -1 +1 @@
-{"version":3,"file":"lineSmoothing.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/lineSmoothing.ts"],"sourcesContent":["export interface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Catmull-Rom spline interpolation for smoothing freehand lines.\n * Produces additional intermediate points between each pair of original points.\n */\nexport function smoothCatmullRom(points: Point[], segments = 8): Point[] {\n  if (points.length < 3) return [...points];\n\n  const result: Point[] = [points[0]];\n\n  for (let i = 0; i < points.length - 1; i++) {\n    const p0 = points[Math.max(0, i - 1)];\n    const p1 = points[i];\n    const p2 = points[Math.min(points.length - 1, i + 1)];\n    const p3 = points[Math.min(points.length - 1, i + 2)];\n\n    for (let t = 1; t <= segments; t++) {\n      const f = t / segments;\n      const f2 = f * f;\n      const f3 = f2 * f;\n\n      const x = 0.5 * (\n        (2 * p1.x) +\n        (-p0.x + p2.x) * f +\n        (2 * p0.x - 5 * p1.x + 4 * p2.x - p3.x) * f2 +\n        (-p0.x + 3 * p1.x - 3 * p2.x + p3.x) * f3\n      );\n      const y = 0.5 * (\n        (2 * p1.y) +\n        (-p0.y + p2.y) * f +\n        (2 * p0.y - 5 * p1.y + 4 * p2.y - p3.y) * f2 +\n        (-p0.y + 3 * p1.y - 3 * p2.y + p3.y) * f3\n      );\n\n      result.push({ x, y });\n    }\n  }\n\n  return result;\n}\n\n/**\n * Douglas-Peucker simplification to reduce point count.\n */\nexport function simplifyPath(points: Point[], epsilon = 1.5): Point[] {\n  if (points.length < 3) return [...points];\n\n  let maxDist = 0;\n  let maxIdx = 0;\n  const first = points[0];\n  const last = points[points.length - 1];\n\n  for (let i = 1; i < points.length - 1; i++) {\n    const d = perpendicularDistance(points[i], first, last);\n    if (d > maxDist) {\n      maxDist = d;\n      maxIdx = i;\n    }\n  }\n\n  if (maxDist > epsilon) {\n    const left = simplifyPath(points.slice(0, maxIdx + 1), epsilon);\n    const right = simplifyPath(points.slice(maxIdx), epsilon);\n    return [...left.slice(0, -1), ...right];\n  }\n\n  return [first, last];\n}\n\nfunction perpendicularDistance(point: Point, lineStart: Point, lineEnd: Point): number {\n  const dx = lineEnd.x - lineStart.x;\n  const dy = lineEnd.y - lineStart.y;\n  const lenSq = dx * dx + dy * dy;\n  if (lenSq === 0) return Math.hypot(point.x - lineStart.x, point.y - lineStart.y);\n  const num = Math.abs(dy * point.x - dx * point.y + lineEnd.x * lineStart.y - lineEnd.y * lineStart.x);\n  return num / Math.sqrt(lenSq);\n}\n"],"mappings":"AASA,SAAgB,EAAiB,GAAiB,IAAW,GAAY;AACvE,MAAI,EAAO,SAAS,EAAG,QAAO,CAAC,GAAG,CAAM;AAExC,QAAM,IAAkB,CAAC,EAAO,CAAA,CAAE;AAElC,WAAS,IAAI,GAAG,IAAI,EAAO,SAAS,GAAG,KAAK;AAC1C,UAAM,IAAK,EAAO,KAAK,IAAI,GAAG,IAAI,CAAC,CAAA,GAC7B,IAAK,EAAO,CAAA,GACZ,IAAK,EAAO,KAAK,IAAI,EAAO,SAAS,GAAG,IAAI,CAAC,CAAA,GAC7C,IAAK,EAAO,KAAK,IAAI,EAAO,SAAS,GAAG,IAAI,CAAC,CAAA;AAEnD,aAAS,IAAI,GAAG,KAAK,GAAU,KAAK;AAClC,YAAM,IAAI,IAAI,GACR,IAAK,IAAI,GACT,IAAK,IAAK,GAEV,IAAI,OACP,IAAI,EAAG,KACP,CAAC,EAAG,IAAI,EAAG,KAAK,KAChB,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,KACzC,CAAC,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,IAEnC,IAAI,OACP,IAAI,EAAG,KACP,CAAC,EAAG,IAAI,EAAG,KAAK,KAChB,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,KACzC,CAAC,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK;AAGzC,MAAA,EAAO,KAAK;AAAA,QAAE,GAAA;AAAA,QAAG,GAAA;AAAA,MAAE,CAAC;AAAA,IACtB;AAAA,EACF;AAEA,SAAO;AACT;AAKA,SAAgB,EAAa,GAAiB,IAAU,KAAc;AACpE,MAAI,EAAO,SAAS,EAAG,QAAO,CAAC,GAAG,CAAM;AAExC,MAAI,IAAU,GACV,IAAS;AACb,QAAM,IAAQ,EAAO,CAAA,GACf,IAAO,EAAO,EAAO,SAAS,CAAA;AAEpC,WAAS,IAAI,GAAG,IAAI,EAAO,SAAS,GAAG,KAAK;AAC1C,UAAM,IAAI,EAAsB,EAAO,CAAA,GAAI,GAAO,CAAI;AACtD,IAAI,IAAI,MACN,IAAU,GACV,IAAS;AAAA,EAEb;AAEA,MAAI,IAAU,GAAS;AACrB,UAAM,IAAO,EAAa,EAAO,MAAM,GAAG,IAAS,CAAC,GAAG,CAAO,GACxD,IAAQ,EAAa,EAAO,MAAM,CAAM,GAAG,CAAO;AACxD,WAAO,CAAC,GAAG,EAAK,MAAM,GAAG,EAAE,GAAG,GAAG,CAAK;AAAA,EACxC;AAEA,SAAO,CAAC,GAAO,CAAI;AACrB;AAEA,SAAS,EAAsB,GAAc,GAAkB,GAAwB;AACrF,QAAM,IAAK,EAAQ,IAAI,EAAU,GAC3B,IAAK,EAAQ,IAAI,EAAU,GAC3B,IAAQ,IAAK,IAAK,IAAK;AAC7B,SAAI,MAAU,IAAU,KAAK,MAAM,EAAM,IAAI,EAAU,GAAG,EAAM,IAAI,EAAU,CAAC,IACnE,KAAK,IAAI,IAAK,EAAM,IAAI,IAAK,EAAM,IAAI,EAAQ,IAAI,EAAU,IAAI,EAAQ,IAAI,EAAU,CAC5F,IAAM,KAAK,KAAK,CAAK;AAC9B"}
+{"version":3,"file":"lineSmoothing.js","names":[],"sources":["../../../../../src/components/pro/Flow/lines/lineSmoothing.ts"],"sourcesContent":["export interface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Catmull-Rom spline interpolation for smoothing freehand lines.\n * Produces additional intermediate points between each pair of original points.\n */\nexport function smoothCatmullRom(points: Point[], segments = 8): Point[] {\n  if (points.length < 3) return [...points];\n\n  const result: Point[] = [points[0]];\n\n  for (let i = 0; i < points.length - 1; i++) {\n    const p0 = points[Math.max(0, i - 1)];\n    const p1 = points[i];\n    const p2 = points[Math.min(points.length - 1, i + 1)];\n    const p3 = points[Math.min(points.length - 1, i + 2)];\n\n    for (let t = 1; t <= segments; t++) {\n      const f = t / segments;\n      const f2 = f * f;\n      const f3 = f2 * f;\n\n      const x = 0.5 * (\n        (2 * p1.x) +\n        (-p0.x + p2.x) * f +\n        (2 * p0.x - 5 * p1.x + 4 * p2.x - p3.x) * f2 +\n        (-p0.x + 3 * p1.x - 3 * p2.x + p3.x) * f3\n      );\n      const y = 0.5 * (\n        (2 * p1.y) +\n        (-p0.y + p2.y) * f +\n        (2 * p0.y - 5 * p1.y + 4 * p2.y - p3.y) * f2 +\n        (-p0.y + 3 * p1.y - 3 * p2.y + p3.y) * f3\n      );\n\n      result.push({ x, y });\n    }\n  }\n\n  return result;\n}\n\n/**\n * Douglas-Peucker simplification to reduce point count.\n */\nexport function simplifyPath(points: Point[], epsilon = 1.5): Point[] {\n  if (points.length < 3) return [...points];\n\n  let maxDist = 0;\n  let maxIdx = 0;\n  const first = points[0];\n  const last = points[points.length - 1];\n\n  for (let i = 1; i < points.length - 1; i++) {\n    const d = perpendicularDistance(points[i], first, last);\n    if (d > maxDist) {\n      maxDist = d;\n      maxIdx = i;\n    }\n  }\n\n  if (maxDist > epsilon) {\n    const left = simplifyPath(points.slice(0, maxIdx + 1), epsilon);\n    const right = simplifyPath(points.slice(maxIdx), epsilon);\n    return [...left.slice(0, -1), ...right];\n  }\n\n  return [first, last];\n}\n\nfunction perpendicularDistance(point: Point, lineStart: Point, lineEnd: Point): number {\n  const dx = lineEnd.x - lineStart.x;\n  const dy = lineEnd.y - lineStart.y;\n  const lenSq = dx * dx + dy * dy;\n  if (lenSq === 0) return Math.hypot(point.x - lineStart.x, point.y - lineStart.y);\n  const num = Math.abs(dy * point.x - dx * point.y + lineEnd.x * lineStart.y - lineEnd.y * lineStart.x);\n  return num / Math.sqrt(lenSq);\n}\n"],"mappings":";AASA,SAAgB,EAAiB,GAAiB,IAAW,GAAY;CACvE,IAAI,EAAO,SAAS,GAAG,OAAO,CAAC,GAAG,CAAM;CAExC,IAAM,IAAkB,CAAC,EAAO,EAAE;CAElC,KAAK,IAAI,IAAI,GAAG,IAAI,EAAO,SAAS,GAAG,KAAK;EAC1C,IAAM,IAAK,EAAO,KAAK,IAAI,GAAG,IAAI,CAAC,IAC7B,IAAK,EAAO,IACZ,IAAK,EAAO,KAAK,IAAI,EAAO,SAAS,GAAG,IAAI,CAAC,IAC7C,IAAK,EAAO,KAAK,IAAI,EAAO,SAAS,GAAG,IAAI,CAAC;EAEnD,KAAK,IAAI,IAAI,GAAG,KAAK,GAAU,KAAK;GAClC,IAAM,IAAI,IAAI,GACR,IAAK,IAAI,GACT,IAAK,IAAK,GAEV,IAAI,MACP,IAAI,EAAG,KACP,CAAC,EAAG,IAAI,EAAG,KAAK,KAChB,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,KACzC,CAAC,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,IAEnC,IAAI,MACP,IAAI,EAAG,KACP,CAAC,EAAG,IAAI,EAAG,KAAK,KAChB,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK,KACzC,CAAC,EAAG,IAAI,IAAI,EAAG,IAAI,IAAI,EAAG,IAAI,EAAG,KAAK;GAGzC,EAAO,KAAK;IAAE;IAAG;GAAE,CAAC;EACtB;CACF;CAEA,OAAO;AACT;AAKA,SAAgB,EAAa,GAAiB,IAAU,KAAc;CACpE,IAAI,EAAO,SAAS,GAAG,OAAO,CAAC,GAAG,CAAM;CAExC,IAAI,IAAU,GACV,IAAS,GACP,IAAQ,EAAO,IACf,IAAO,EAAO,EAAO,SAAS;CAEpC,KAAK,IAAI,IAAI,GAAG,IAAI,EAAO,SAAS,GAAG,KAAK;EAC1C,IAAM,IAAI,EAAsB,EAAO,IAAI,GAAO,CAAI;EACtD,AAAI,IAAI,MACN,IAAU,GACV,IAAS;CAEb;CAEA,IAAI,IAAU,GAAS;EACrB,IAAM,IAAO,EAAa,EAAO,MAAM,GAAG,IAAS,CAAC,GAAG,CAAO,GACxD,IAAQ,EAAa,EAAO,MAAM,CAAM,GAAG,CAAO;EACxD,OAAO,CAAC,GAAG,EAAK,MAAM,GAAG,EAAE,GAAG,GAAG,CAAK;CACxC;CAEA,OAAO,CAAC,GAAO,CAAI;AACrB;AAEA,SAAS,EAAsB,GAAc,GAAkB,GAAwB;CACrF,IAAM,IAAK,EAAQ,IAAI,EAAU,GAC3B,IAAK,EAAQ,IAAI,EAAU,GAC3B,IAAQ,IAAK,IAAK,IAAK;CAG7B,OAFI,MAAU,IAAU,KAAK,MAAM,EAAM,IAAI,EAAU,GAAG,EAAM,IAAI,EAAU,CAAC,IACnE,KAAK,IAAI,IAAK,EAAM,IAAI,IAAK,EAAM,IAAI,EAAQ,IAAI,EAAU,IAAI,EAAQ,IAAI,EAAU,CAC5F,IAAM,KAAK,KAAK,CAAK;AAC9B"}