@flowgram.ai/free-lines-plugin 0.3.5 → 0.4.0

package/dist/index.js

@@ -38,7 +38,6 @@ var __decorateClass = (decorators, target, key, kind) => {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  BezierControlType: () => BezierControlType,
   LINE_OFFSET: () => LINE_OFFSET,
   LINE_PADDING: () => LINE_PADDING,
   LinesLayer: () => WorkflowLinesLayer,
@@ -46,12 +45,9 @@ __export(src_exports, {
   WorkflowBezierLineContribution: () => WorkflowBezierLineContribution,
   WorkflowFoldLineContribution: () => WorkflowFoldLineContribution,
   WorkflowLinesLayer: () => WorkflowLinesLayer,
-  WorkflowManhattanLineContribution: () => WorkflowManhattanLineContribution,
   WorkflowPortRender: () => WorkflowPortRender,
   WorkflowStraightLineContribution: () => WorkflowStraightLineContribution,
-  createFreeLinesPlugin: () => createFreeLinesPlugin,
-  getBezierHorizontalControlPoints: () => getBezierHorizontalControlPoints,
-  getBezierVerticalControlPoints: () => getBezierVerticalControlPoints
+  createFreeLinesPlugin: () => createFreeLinesPlugin
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -304,7 +300,7 @@ var LINE_OFFSET = 6;
 var LINE_PADDING = 12;
 
 // src/create-free-lines-plugin.ts
-var import_free_layout_core12 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core10 = require("@flowgram.ai/free-layout-core");
 var import_core3 = require("@flowgram.ai/core");
 
 // src/layer/workflow-lines-layer.tsx
@@ -378,7 +374,7 @@ function ArrowRenderer({
 var PADDING = 12;
 var LineSVG = (props) => {
   const { line, color, selected, children, strokePrefix, rendererRegistry } = props;
-  const { position, reverse, vertical, hideArrow } = line;
+  const { position, reverse, hideArrow, vertical } = line;
   const renderData = line.getData(import_free_layout_core3.WorkflowLineRenderData);
   const { bounds, path: bezierPath } = renderData;
   const toRelative = (p) => ({
@@ -387,9 +383,9 @@ var LineSVG = (props) => {
   });
   const fromPos = toRelative(position.from);
   const toPos = toRelative(position.to);
-  const arrowToPos = vertical ? { x: toPos.x, y: toPos.y - import_free_layout_core2.POINT_RADIUS } : { x: toPos.x - import_free_layout_core2.POINT_RADIUS, y: toPos.y };
-  const arrowFromPos = vertical ? { x: fromPos.x, y: fromPos.y + import_free_layout_core2.POINT_RADIUS + LINE_OFFSET } : { x: fromPos.x + import_free_layout_core2.POINT_RADIUS + LINE_OFFSET, y: fromPos.y };
-  const strokeWidth = selected ? STROKE_WIDTH_SLECTED : STROKE_WIDTH;
+  const arrowToPos = position.to.location === "top" ? { x: toPos.x, y: toPos.y - import_free_layout_core2.POINT_RADIUS } : { x: toPos.x - import_free_layout_core2.POINT_RADIUS, y: toPos.y };
+  const arrowFromPos = position.from.location === "bottom" ? { x: fromPos.x, y: fromPos.y + import_free_layout_core2.POINT_RADIUS + LINE_OFFSET } : { x: fromPos.x + import_free_layout_core2.POINT_RADIUS + LINE_OFFSET, y: fromPos.y };
+  const strokeWidth = selected ? line.uiState.strokeWidthSelected ?? STROKE_WIDTH_SLECTED : line.uiState.strokeWidth ?? STROKE_WIDTH;
   const strokeID = strokePrefix ? `${strokePrefix}-${line.id}` : line.id;
   const CustomArrowRenderer = rendererRegistry?.tryToGetRendererComponent("arrow-renderer")?.renderer;
   const ArrowComponent = CustomArrowRenderer || ArrowRenderer;
@@ -400,10 +396,10 @@ var LineSVG = (props) => {
       fill: "none",
       stroke: `url(#${strokeID})`,
       strokeWidth,
+      style: line.uiState.style,
       className: (0, import_clsx2.default)(
         line.className,
-        // 显示流动线条的条件：没有自定义线条class，并且线条处于流动或处理中
-        !line.className && (line.processing || line.flowing ? "dashed-line flowing-line" : "")
+        line.processing || line.flowing ? "dashed-line flowing-line" : ""
       )
     }
   );
@@ -592,143 +588,70 @@ WorkflowLinesLayer = __decorateClass([
   (0, import_inversify.injectable)()
 ], WorkflowLinesLayer);
 
-// src/contributions/bezier/bezier-controls.ts
+// src/contributions/bezier/index.ts
+var import_bezier_js = require("bezier-js");
 var import_utils2 = require("@flowgram.ai/utils");
-var BezierControlType = /* @__PURE__ */ ((BezierControlType2) => {
-  BezierControlType2[BezierControlType2["RIGHT_TOP"] = 0] = "RIGHT_TOP";
-  BezierControlType2[BezierControlType2["RIGHT_BOTTOM"] = 1] = "RIGHT_BOTTOM";
-  BezierControlType2[BezierControlType2["LEFT_TOP"] = 2] = "LEFT_TOP";
-  BezierControlType2[BezierControlType2["LEFT_BOTTOM"] = 3] = "LEFT_BOTTOM";
-  return BezierControlType2;
-})(BezierControlType || {});
-var CONTROL_MAX = 300;
-function getBezierHorizontalControlPoints(fromPos, toPos) {
-  const rect = import_utils2.Rectangle.createRectangleWithTwoPoints(fromPos, toPos);
-  let type;
-  if (fromPos.x <= toPos.x) {
-    type = fromPos.y <= toPos.y ? 1 /* RIGHT_BOTTOM */ : 0 /* RIGHT_TOP */;
-  } else {
-    type = fromPos.y <= toPos.y ? 3 /* LEFT_BOTTOM */ : 2 /* LEFT_TOP */;
-  }
-  let controls;
-  switch (type) {
-    case 0 /* RIGHT_TOP */:
-      controls = [
-        {
-          x: rect.rightBottom.x - rect.width / 2,
-          y: rect.rightBottom.y
-        },
-        {
-          x: rect.leftTop.x + rect.width / 2,
-          y: rect.leftTop.y
-        }
-      ];
-      break;
-    case 1 /* RIGHT_BOTTOM */:
-      controls = [
-        {
-          x: rect.rightTop.x - rect.width / 2,
-          y: rect.rightTop.y
-        },
-        {
-          x: rect.leftBottom.x + rect.width / 2,
-          y: rect.leftBottom.y
-        }
-      ];
-      break;
-    case 2 /* LEFT_TOP */:
-      controls = [
-        {
-          x: rect.rightBottom.x + Math.min(rect.width, CONTROL_MAX),
-          y: rect.rightBottom.y
-        },
-        {
-          x: rect.leftTop.x - Math.min(rect.width, CONTROL_MAX),
-          y: rect.leftTop.y
-        }
-      ];
-      break;
-    case 3 /* LEFT_BOTTOM */:
-      controls = [
-        {
-          x: rect.rightTop.x + Math.min(rect.width, CONTROL_MAX),
-          y: rect.rightTop.y
-        },
-        {
-          x: rect.leftBottom.x - Math.min(rect.width, CONTROL_MAX),
-          y: rect.leftBottom.y
-        }
-      ];
+var import_free_layout_core5 = require("@flowgram.ai/free-layout-core");
+
+// src/contributions/bezier/bezier-controls.ts
+function getControlOffset(distance, curvature) {
+  if (distance >= 0) {
+    return 0.5 * distance;
   }
-  return controls;
+  return curvature * 25 * Math.sqrt(-distance);
 }
-function getBezierVerticalControlPoints(fromPos, toPos) {
-  const rect = import_utils2.Rectangle.createRectangleWithTwoPoints(fromPos, toPos);
-  let type;
-  if (fromPos.y <= toPos.y) {
-    type = fromPos.x <= toPos.x ? 1 /* RIGHT_BOTTOM */ : 3 /* LEFT_BOTTOM */;
-  } else {
-    type = fromPos.x <= toPos.x ? 0 /* RIGHT_TOP */ : 2 /* LEFT_TOP */;
-  }
-  let controls;
-  switch (type) {
-    case 1 /* RIGHT_BOTTOM */:
-      controls = [
-        {
-          x: rect.leftTop.x,
-          y: rect.leftTop.y + rect.height / 2
-        },
-        {
-          x: rect.rightBottom.x,
-          y: rect.rightBottom.y - rect.height / 2
-        }
-      ];
-      break;
-    case 3 /* LEFT_BOTTOM */:
-      controls = [
-        {
-          x: rect.rightTop.x,
-          y: rect.rightTop.y + rect.height / 2
-        },
-        {
-          x: rect.leftBottom.x,
-          y: rect.leftBottom.y - rect.height / 2
-        }
-      ];
-      break;
-    case 0 /* RIGHT_TOP */:
-      controls = [
-        {
-          x: rect.leftBottom.x,
-          y: rect.leftBottom.y + Math.min(rect.height, CONTROL_MAX)
-        },
-        {
-          x: rect.rightTop.x,
-          y: rect.rightTop.y - Math.min(rect.height, CONTROL_MAX)
-        }
-      ];
-      break;
-    case 2 /* LEFT_TOP */:
-      controls = [
-        {
-          x: rect.rightBottom.x,
-          y: rect.rightBottom.y + Math.min(rect.height, CONTROL_MAX)
-        },
-        {
-          x: rect.leftTop.x,
-          y: rect.leftTop.y - Math.min(rect.height, CONTROL_MAX)
-        }
-      ];
-      break;
+function getControlWithCurvature({
+  location,
+  x1,
+  y1,
+  x2,
+  y2,
+  curvature
+}) {
+  switch (location) {
+    case "left":
+      return {
+        x: x1 - getControlOffset(x1 - x2, curvature),
+        y: y1
+      };
+    case "right":
+      return {
+        x: x1 + getControlOffset(x2 - x1, curvature),
+        y: y1
+      };
+    case "top":
+      return {
+        x: x1,
+        y: y1 - getControlOffset(y1 - y2, curvature)
+      };
+    case "bottom":
+      return {
+        x: x1,
+        y: y1 + getControlOffset(y2 - y1, curvature)
+      };
   }
-  return controls;
+}
+function getBezierControlPoints(fromPos, toPos, curvature = 0.25) {
+  const fromControl = getControlWithCurvature({
+    location: fromPos.location,
+    x1: fromPos.x,
+    y1: fromPos.y,
+    x2: toPos.x,
+    y2: toPos.y,
+    curvature
+  });
+  const toControl = getControlWithCurvature({
+    location: toPos.location,
+    x1: toPos.x,
+    y1: toPos.y,
+    x2: fromPos.x,
+    y2: fromPos.y,
+    curvature
+  });
+  return [fromControl, toControl];
 }
 
 // src/contributions/bezier/index.ts
-var import_bezier_js = require("bezier-js");
-var import_utils3 = require("@flowgram.ai/utils");
-var import_free_layout_core5 = require("@flowgram.ai/free-layout-core");
-var import_free_layout_core6 = require("@flowgram.ai/free-layout-core");
 var WorkflowBezierLineContribution = class {
   constructor(entity) {
     this.entity = entity;
@@ -740,11 +663,11 @@ var WorkflowBezierLineContribution = class {
     if (!this.data) {
       return Number.MAX_SAFE_INTEGER;
     }
-    return import_utils3.Point.getDistance(pos, this.data.bezier.project(pos));
+    return import_utils2.Point.getDistance(pos, this.data.bezier.project(pos));
   }
   get bounds() {
     if (!this.data) {
-      return new import_utils3.Rectangle();
+      return new import_utils2.Rectangle();
     }
     return this.data.bbox;
   }
@@ -752,10 +675,10 @@ var WorkflowBezierLineContribution = class {
     this.data = this.calcBezier(params.fromPos, params.toPos);
   }
   calcBezier(fromPos, toPos) {
-    const controls = this.entity.vertical ? getBezierVerticalControlPoints(fromPos, toPos) : getBezierHorizontalControlPoints(fromPos, toPos);
+    const controls = getBezierControlPoints(fromPos, toPos, this.entity.uiState.curvature);
     const bezier = new import_bezier_js.Bezier([fromPos, ...controls, toPos]);
     const bbox = bezier.bbox();
-    const bboxBounds = new import_utils3.Rectangle(
+    const bboxBounds = new import_utils2.Rectangle(
       bbox.x.min,
       bbox.y.min,
       bbox.x.max - bbox.x.min,
@@ -781,28 +704,22 @@ var WorkflowBezierLineContribution = class {
     const fromPos = toRelative(params.fromPos);
     const toPos = toRelative(params.toPos);
     const controls = params.controls.map((c) => toRelative(c));
-    const renderToPos = this.entity.vertical ? { x: toPos.x, y: toPos.y - import_free_layout_core5.POINT_RADIUS } : { x: toPos.x - import_free_layout_core5.POINT_RADIUS, y: toPos.y };
-    const getPathData = () => {
-      const controlPoints = controls.map((s) => `${s.x} ${s.y}`).join(",");
-      const curveType = controls.length === 1 ? "S" : "C";
-      if (this.entity.vertical) {
-        return `M${fromPos.x} ${fromPos.y + import_free_layout_core5.POINT_RADIUS} ${curveType} ${controlPoints}, ${renderToPos.x} ${renderToPos.y}`;
-      }
-      return `M${fromPos.x + import_free_layout_core5.POINT_RADIUS} ${fromPos.y} ${curveType} ${controlPoints}, ${renderToPos.x} ${renderToPos.y}`;
-    };
-    const path = getPathData();
-    return path;
+    const shrink = this.entity.uiState.shrink;
+    const renderFromPos = params.fromPos.location === "bottom" ? { x: fromPos.x, y: fromPos.y + shrink } : { x: fromPos.x + shrink, y: fromPos.y };
+    const renderToPos = params.toPos.location === "top" ? { x: toPos.x, y: toPos.y - shrink } : { x: toPos.x - shrink, y: toPos.y };
+    const controlPoints = controls.map((s) => `${s.x} ${s.y}`).join(",");
+    return `M${renderFromPos.x} ${renderFromPos.y} C ${controlPoints}, ${renderToPos.x} ${renderToPos.y}`;
   }
 };
-WorkflowBezierLineContribution.type = import_free_layout_core6.LineType.BEZIER;
+WorkflowBezierLineContribution.type = import_free_layout_core5.LineType.BEZIER;
 
 // src/contributions/fold/index.ts
-var import_utils5 = require("@flowgram.ai/utils");
+var import_utils4 = require("@flowgram.ai/utils");
+var import_free_layout_core6 = require("@flowgram.ai/free-layout-core");
 var import_free_layout_core7 = require("@flowgram.ai/free-layout-core");
-var import_free_layout_core8 = require("@flowgram.ai/free-layout-core");
 
 // src/contributions/fold/fold-line.ts
-var import_utils4 = require("@flowgram.ai/utils");
+var import_utils3 = require("@flowgram.ai/utils");
 var getPointToSegmentDistance = (point, segStart, segEnd) => {
   const { x: px, y: py } = point;
   const { x: x1, y: y1 } = segStart;
@@ -841,23 +758,38 @@ var FoldLine;
     const centerY = target.y < source.y ? target.y + yOffset : target.y - yOffset;
     return [centerX, centerY];
   }
-  const getDirection = ({ source, target }) => source.x < target.x ? { x: 1, y: 0 } : { x: -1, y: 0 };
+  const getDirection = ({ source, target }) => {
+    if (source.location === "left" || source.location === "right") {
+      return source.x < target.x ? { x: 1, y: 0 } : { x: -1, y: 0 };
+    }
+    return source.y < target.y ? { x: 0, y: 1 } : { x: 0, y: -1 };
+  };
+  const handleDirections = {
+    left: { x: -1, y: 0 },
+    right: { x: 1, y: 0 },
+    top: { x: 0, y: -1 },
+    bottom: { x: 0, y: 1 }
+  };
   function getPoints({
     source,
-    target,
-    vertical = false
+    target
   }) {
-    const sourceDir = vertical ? { x: 0, y: 1 } : { x: 1, y: 0 };
-    const targetDir = vertical ? { x: 0, y: -1 } : { x: -1, y: 0 };
+    const sourceDir = handleDirections[source.location];
+    const targetDir = handleDirections[target.location];
     const sourceGapped = {
       x: source.x + sourceDir.x * OFFSET,
-      y: source.y + sourceDir.y * OFFSET
+      y: source.y + sourceDir.y * OFFSET,
+      location: source.location
     };
     const targetGapped = {
       x: target.x + targetDir.x * OFFSET,
-      y: target.y + targetDir.y * OFFSET
+      y: target.y + targetDir.y * OFFSET,
+      location: target.location
     };
-    const dir = vertical ? { x: 0, y: sourceGapped.y < targetGapped.y ? 1 : -1 } : getDirection({ source: sourceGapped, target: targetGapped });
+    const dir = getDirection({
+      source: sourceGapped,
+      target: targetGapped
+    });
     const dirAccessor = dir.x !== 0 ? "x" : "y";
     const currDir = dir[dirAccessor];
     let points = [];
@@ -928,8 +860,8 @@ var FoldLine;
   FoldLine2.getPoints = getPoints;
   function getBend(a, b, c) {
     const bendSize = Math.min(
-      import_utils4.Point.getDistance(a, b) / 2,
-      import_utils4.Point.getDistance(b, c) / 2,
+      import_utils3.Point.getDistance(a, b) / 2,
+      import_utils3.Point.getDistance(b, c) / 2,
       EDGE_RADIUS
     );
     const { x, y } = b;
@@ -966,7 +898,7 @@ var FoldLine;
     const right = Math.max(...xList);
     const top = Math.min(...yList);
     const bottom = Math.max(...yList);
-    return import_utils4.Rectangle.createRectangleWithTwoPoints(
+    return import_utils3.Rectangle.createRectangleWithTwoPoints(
       {
         x: left,
         y: top
@@ -983,7 +915,7 @@ var FoldLine;
       return Infinity;
     }
     if (points.length === 1) {
-      return import_utils4.Point.getDistance(points[0], pos);
+      return import_utils3.Point.getDistance(points[0], pos);
     }
     const lines = [];
     for (let i = 0; i < points.length - 1; i++) {
@@ -1013,31 +945,31 @@ var WorkflowFoldLineContribution = class {
   }
   get bounds() {
     if (!this.data) {
-      return new import_utils5.Rectangle();
+      return new import_utils4.Rectangle();
     }
     return this.data.bbox;
   }
   update(params) {
     const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
     const sourceOffset = {
-      x: vertical ? 0 : import_free_layout_core7.POINT_RADIUS,
-      y: vertical ? import_free_layout_core7.POINT_RADIUS : 0
+      x: fromPos.location === "bottom" ? 0 : import_free_layout_core6.POINT_RADIUS,
+      y: fromPos.location === "bottom" ? import_free_layout_core6.POINT_RADIUS : 0
     };
     const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core7.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core7.POINT_RADIUS : 0
+      x: toPos.location === "top" ? 0 : -import_free_layout_core6.POINT_RADIUS,
+      y: toPos.location === "top" ? -import_free_layout_core6.POINT_RADIUS : 0
     };
     const points = FoldLine.getPoints({
       source: {
         x: fromPos.x + sourceOffset.x,
-        y: fromPos.y + sourceOffset.y
+        y: fromPos.y + sourceOffset.y,
+        location: fromPos.location
       },
       target: {
         x: toPos.x + targetOffset.x,
-        y: toPos.y + targetOffset.y
-      },
-      vertical
+        y: toPos.y + targetOffset.y,
+        location: toPos.location
+      }
     });
     const bbox = FoldLine.getBounds(points);
     const adjustedPoints = points.map((p) => ({
@@ -1052,11 +984,11 @@ var WorkflowFoldLineContribution = class {
     };
   }
 };
-WorkflowFoldLineContribution.type = import_free_layout_core8.LineType.LINE_CHART;
+WorkflowFoldLineContribution.type = import_free_layout_core7.LineType.LINE_CHART;
 
 // src/contributions/straight/index.ts
-var import_utils6 = require("@flowgram.ai/utils");
-var import_free_layout_core9 = require("@flowgram.ai/free-layout-core");
+var import_utils5 = require("@flowgram.ai/utils");
+var import_free_layout_core8 = require("@flowgram.ai/free-layout-core");
 
 // src/contributions/straight/point-on-line.ts
 function projectPointOnLine(point, lineStart, lineEnd) {
@@ -1089,24 +1021,23 @@ var WorkflowStraightLineContribution = class {
       return Number.MAX_SAFE_INTEGER;
     }
     const [start, end] = this.data.points;
-    return import_utils6.Point.getDistance(pos, projectPointOnLine(pos, start, end));
+    return import_utils5.Point.getDistance(pos, projectPointOnLine(pos, start, end));
   }
   get bounds() {
     if (!this.data) {
-      return new import_utils6.Rectangle();
+      return new import_utils5.Rectangle();
     }
     return this.data.bbox;
   }
   update(params) {
     const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
     const sourceOffset = {
-      x: vertical ? 0 : import_free_layout_core9.POINT_RADIUS,
-      y: vertical ? import_free_layout_core9.POINT_RADIUS : 0
+      x: fromPos.location === "bottom" ? 0 : import_free_layout_core8.POINT_RADIUS,
+      y: fromPos.location === "bottom" ? import_free_layout_core8.POINT_RADIUS : 0
     };
     const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core9.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core9.POINT_RADIUS : 0
+      x: toPos.location === "top" ? 0 : -import_free_layout_core8.POINT_RADIUS,
+      y: toPos.location === "top" ? -import_free_layout_core8.POINT_RADIUS : 0
     };
     const points = [
       {
@@ -1118,7 +1049,7 @@ var WorkflowStraightLineContribution = class {
         y: toPos.y + targetOffset.y
       }
     ];
-    const bbox = import_utils6.Rectangle.createRectangleWithTwoPoints(points[0], points[1]);
+    const bbox = import_utils5.Rectangle.createRectangleWithTwoPoints(points[0], points[1]);
     const adjustedPoints = points.map((p) => ({
       x: p.x - bbox.x + LINE_PADDING,
       y: p.y - bbox.y + LINE_PADDING
@@ -1134,8 +1065,8 @@ var WorkflowStraightLineContribution = class {
 WorkflowStraightLineContribution.type = "WorkflowStraightLineContribution";
 
 // src/contributions/arc/index.ts
-var import_utils7 = require("@flowgram.ai/utils");
-var import_free_layout_core10 = require("@flowgram.ai/free-layout-core");
+var import_utils6 = require("@flowgram.ai/utils");
+var import_free_layout_core9 = require("@flowgram.ai/free-layout-core");
 var WorkflowArkLineContribution = class {
   constructor(entity) {
     this.entity = entity;
@@ -1157,13 +1088,13 @@ var WorkflowArkLineContribution = class {
       x: (fromPos.x + toPos.x) / 2,
       y: (fromPos.y + toPos.y) / 2
     };
-    const radius = import_utils7.Point.getDistance(fromPos, center);
-    const distanceToCenter = import_utils7.Point.getDistance(pos, center);
+    const radius = import_utils6.Point.getDistance(fromPos, center);
+    const distanceToCenter = import_utils6.Point.getDistance(pos, center);
     return Math.abs(distanceToCenter - radius);
   }
   get bounds() {
     if (!this.data) {
-      return new import_utils7.Rectangle();
+      return new import_utils6.Rectangle();
     }
     return this.data.bbox;
   }
@@ -1171,12 +1102,12 @@ var WorkflowArkLineContribution = class {
     const { fromPos, toPos } = params;
     const { vertical } = this.entity;
     const sourceOffset = {
-      x: vertical ? 0 : import_free_layout_core10.POINT_RADIUS,
-      y: vertical ? import_free_layout_core10.POINT_RADIUS : 0
+      x: vertical ? 0 : import_free_layout_core9.POINT_RADIUS,
+      y: vertical ? import_free_layout_core9.POINT_RADIUS : 0
     };
     const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core10.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core10.POINT_RADIUS : 0
+      x: vertical ? 0 : -import_free_layout_core9.POINT_RADIUS,
+      y: vertical ? -import_free_layout_core9.POINT_RADIUS : 0
     };
     const start = {
       x: fromPos.x + sourceOffset.x,
@@ -1201,7 +1132,7 @@ var WorkflowArkLineContribution = class {
     const radius = Math.sqrt(dx * dx + dy * dy) / 2;
     const centerX = (start.x + end.x) / 2;
     const centerY = (start.y + end.y) / 2;
-    return new import_utils7.Rectangle(centerX - radius, centerY - radius, radius * 2, radius * 2);
+    return new import_utils6.Rectangle(centerX - radius, centerY - radius, radius * 2, radius * 2);
   }
   getArcPath(start, end, bbox) {
     const dx = end.x - start.x;
@@ -1220,131 +1151,6 @@ var WorkflowArkLineContribution = class {
 };
 WorkflowArkLineContribution.type = "WorkflowArkLineContribution";
 
-// src/contributions/manhattan/index.ts
-var import_utils8 = require("@flowgram.ai/utils");
-var import_free_layout_core11 = require("@flowgram.ai/free-layout-core");
-var WorkflowManhattanLineContribution = class {
-  constructor(entity) {
-    this.entity = entity;
-  }
-  get path() {
-    return this.data?.path ?? "";
-  }
-  calcDistance(pos) {
-    if (!this.data) {
-      return Number.MAX_SAFE_INTEGER;
-    }
-    return Math.min(
-      ...this.data.points.slice(1).map((point, index) => {
-        const prevPoint = this.data.points[index];
-        return this.getDistanceToLineSegment(pos, prevPoint, point);
-      })
-    );
-  }
-  getDistanceToLineSegment(point, start, end) {
-    const dx = end.x - start.x;
-    const dy = end.y - start.y;
-    if (dx === 0 && dy === 0) {
-      return import_utils8.Point.getDistance(point, start);
-    }
-    const t = ((point.x - start.x) * dx + (point.y - start.y) * dy) / (dx * dx + dy * dy);
-    if (t < 0) return import_utils8.Point.getDistance(point, start);
-    if (t > 1) return import_utils8.Point.getDistance(point, end);
-    const projectionPoint = {
-      x: start.x + t * dx,
-      y: start.y + t * dy
-    };
-    return import_utils8.Point.getDistance(point, projectionPoint);
-  }
-  get bounds() {
-    if (!this.data) {
-      return new import_utils8.Rectangle();
-    }
-    return this.data.bbox;
-  }
-  update(params) {
-    const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
-    const sourceOffset = {
-      x: vertical ? 0 : import_free_layout_core11.POINT_RADIUS,
-      y: vertical ? import_free_layout_core11.POINT_RADIUS : 0
-    };
-    const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core11.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core11.POINT_RADIUS : 0
-    };
-    const points = this.getManhattanPoints({
-      source: {
-        x: fromPos.x + sourceOffset.x,
-        y: fromPos.y + sourceOffset.y
-      },
-      target: {
-        x: toPos.x + targetOffset.x,
-        y: toPos.y + targetOffset.y
-      },
-      vertical
-    });
-    const bbox = import_utils8.Rectangle.createRectangleWithTwoPoints(
-      points.reduce(
-        (min, p) => ({
-          x: Math.min(min.x, p.x),
-          y: Math.min(min.y, p.y)
-        }),
-        points[0]
-      ),
-      points.reduce(
-        (max, p) => ({
-          x: Math.max(max.x, p.x),
-          y: Math.max(max.y, p.y)
-        }),
-        points[0]
-      )
-    );
-    const adjustedPoints = points.map((p) => ({
-      x: p.x - bbox.x + LINE_PADDING,
-      y: p.y - bbox.y + LINE_PADDING
-    }));
-    const path = this.getPathFromPoints(adjustedPoints);
-    this.data = {
-      points,
-      path,
-      bbox
-    };
-  }
-  getManhattanPoints(params) {
-    const { source, target, vertical } = params;
-    const points = [source];
-    if (vertical) {
-      if (source.y !== target.y) {
-        points.push({ x: source.x, y: target.y });
-      }
-      if (source.x !== target.x) {
-        points.push({ x: target.x, y: target.y });
-      }
-    } else {
-      if (source.x !== target.x) {
-        points.push({ x: target.x, y: source.y });
-      }
-      if (source.y !== target.y) {
-        points.push({ x: target.x, y: target.y });
-      }
-    }
-    if (points[points.length - 1] !== target) {
-      points.push(target);
-    }
-    return points;
-  }
-  getPathFromPoints(points) {
-    return points.reduce((path, point, index) => {
-      if (index === 0) {
-        return `M ${point.x} ${point.y}`;
-      }
-      return `${path} L ${point.x} ${point.y}`;
-    }, "");
-  }
-};
-WorkflowManhattanLineContribution.type = "WorkflowManhattanLineContribution";
-
 // src/create-free-lines-plugin.ts
 var createFreeLinesPlugin = (0, import_core3.definePluginCreator)({
   singleton: true,
@@ -1354,7 +1160,7 @@ var createFreeLinesPlugin = (0, import_core3.definePluginCreator)({
     });
   },
   onReady: (ctx, opts) => {
-    const linesManager = ctx.container.get(import_free_layout_core12.WorkflowLinesManager);
+    const linesManager = ctx.container.get(import_free_layout_core10.WorkflowLinesManager);
     linesManager.registerContribution(WorkflowBezierLineContribution).registerContribution(WorkflowFoldLineContribution);
     if (opts.contributions) {
       opts.contributions.forEach((contribution) => {
@@ -1368,7 +1174,6 @@ var createFreeLinesPlugin = (0, import_core3.definePluginCreator)({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BezierControlType,
   LINE_OFFSET,
   LINE_PADDING,
   LinesLayer,
@@ -1376,11 +1181,8 @@ var createFreeLinesPlugin = (0, import_core3.definePluginCreator)({
   WorkflowBezierLineContribution,
   WorkflowFoldLineContribution,
   WorkflowLinesLayer,
-  WorkflowManhattanLineContribution,
   WorkflowPortRender,
   WorkflowStraightLineContribution,
-  createFreeLinesPlugin,
-  getBezierHorizontalControlPoints,
-  getBezierVerticalControlPoints
+  createFreeLinesPlugin
 });
 //# sourceMappingURL=index.js.map