@aranzatech/diagrams-bpmn 0.1.0

package/dist/chunk-23B2IGK5.js

@@ -0,0 +1,24 @@
+// src/nodes/shared/theme.ts
+var BPMN_THEME = {
+  fill: "#ffffff",
+  stroke: "#404040",
+  strokeSelected: "#1a56db",
+  strokeWidth: 1.5,
+  strokeWidthSelected: 2.5,
+  fontFamily: "Inter, system-ui, sans-serif",
+  fontSize: 11,
+  labelColor: "#1a1a1a",
+  handleColor: "#8c8c8c",
+  handleColorSelected: "#1a56db"
+};
+function resolveStroke(selected, override) {
+  if (selected) return BPMN_THEME.strokeSelected;
+  return override ?? BPMN_THEME.stroke;
+}
+function resolveStrokeWidth(selected) {
+  return selected ? BPMN_THEME.strokeWidthSelected : BPMN_THEME.strokeWidth;
+}
+
+export { BPMN_THEME, resolveStroke, resolveStrokeWidth };
+//# sourceMappingURL=chunk-23B2IGK5.js.map
+//# sourceMappingURL=chunk-23B2IGK5.js.map

package/dist/chunk-23B2IGK5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nodes/shared/theme.ts"],"names":[],"mappings":";AAAO,IAAM,UAAA,GAAa;AAAA,EACxB,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,SAAA;AAAA,EACR,cAAA,EAAgB,SAAA;AAAA,EAChB,WAAA,EAAa,GAAA;AAAA,EACb,mBAAA,EAAqB,GAAA;AAAA,EACrB,UAAA,EAAY,8BAAA;AAAA,EACZ,QAAA,EAAU,EAAA;AAAA,EACV,UAAA,EAAY,SAAA;AAAA,EACZ,WAAA,EAAa,SAAA;AAAA,EACb,mBAAA,EAAqB;AACvB;AAEO,SAAS,aAAA,CAAc,UAA+B,QAAA,EAA2B;AACtF,EAAA,IAAI,QAAA,SAAiB,UAAA,CAAW,cAAA;AAChC,EAAA,OAAO,YAAY,UAAA,CAAW,MAAA;AAChC;AAEO,SAAS,mBAAmB,QAAA,EAAuC;AACxE,EAAA,OAAO,QAAA,GAAW,UAAA,CAAW,mBAAA,GAAsB,UAAA,CAAW,WAAA;AAChE","file":"chunk-23B2IGK5.js","sourcesContent":["export const BPMN_THEME = {\n  fill: \"#ffffff\",\n  stroke: \"#404040\",\n  strokeSelected: \"#1a56db\",\n  strokeWidth: 1.5,\n  strokeWidthSelected: 2.5,\n  fontFamily: \"Inter, system-ui, sans-serif\",\n  fontSize: 11,\n  labelColor: \"#1a1a1a\",\n  handleColor: \"#8c8c8c\",\n  handleColorSelected: \"#1a56db\",\n} as const;\n\nexport function resolveStroke(selected: boolean | undefined, override?: string): string {\n  if (selected) return BPMN_THEME.strokeSelected;\n  return override ?? BPMN_THEME.stroke;\n}\n\nexport function resolveStrokeWidth(selected: boolean | undefined): number {\n  return selected ? BPMN_THEME.strokeWidthSelected : BPMN_THEME.strokeWidth;\n}\n"]}

package/dist/chunk-3AFZDIMQ.js

@@ -0,0 +1,286 @@
+import { BPMN_THEME } from './chunk-23B2IGK5.js';
+import { BaseEdge, EdgeLabelRenderer, getStraightPath } from '@xyflow/react';
+import { pointsToSvgPath, getOrthogonalPath } from '@aranzatech/diagrams-core/routing';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/edges/path.ts
+function getEdgePoints(sourceX, sourceY, targetX, targetY, routingPoints) {
+  if (routingPoints && routingPoints.length >= 2) {
+    return routingPoints;
+  }
+  return [
+    { x: sourceX, y: sourceY },
+    { x: targetX, y: targetY }
+  ];
+}
+function getPolylineMidpoint(points) {
+  if (points.length === 0) return { x: 0, y: 0 };
+  if (points.length === 1) return points[0];
+  let total = 0;
+  const lengths = [];
+  for (let i = 1; i < points.length; i += 1) {
+    const dx = points[i].x - points[i - 1].x;
+    const dy = points[i].y - points[i - 1].y;
+    const length = Math.hypot(dx, dy);
+    lengths.push(length);
+    total += length;
+  }
+  const halfway = total / 2;
+  let traversed = 0;
+  for (let i = 1; i < points.length; i += 1) {
+    const length = lengths[i - 1];
+    if (traversed + length >= halfway) {
+      const ratio = length === 0 ? 0 : (halfway - traversed) / length;
+      return {
+        x: points[i - 1].x + (points[i].x - points[i - 1].x) * ratio,
+        y: points[i - 1].y + (points[i].y - points[i - 1].y) * ratio
+      };
+    }
+    traversed += length;
+  }
+  return points[points.length - 1];
+}
+function getSegmentAngle(points) {
+  if (points.length < 2) return 0;
+  const from = points[0];
+  const to = points[1];
+  return Math.atan2(to.y - from.y, to.x - from.x);
+}
+function getDefaultFlowMarkerPath(points) {
+  if (points.length < 2) return null;
+  const start = points[0];
+  const angle = getSegmentAngle(points);
+  const anchorX = start.x + Math.cos(angle) * 16;
+  const anchorY = start.y + Math.sin(angle) * 16;
+  const normalAngle = angle + Math.PI / 2;
+  const half = 7;
+  const x1 = anchorX + Math.cos(normalAngle) * half;
+  const y1 = anchorY + Math.sin(normalAngle) * half;
+  const x2 = anchorX - Math.cos(normalAngle) * half;
+  const y2 = anchorY - Math.sin(normalAngle) * half;
+  return `M ${x1} ${y1} L ${x2} ${y2}`;
+}
+function SequenceFlowEdge({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  data,
+  label,
+  markerEnd,
+  style,
+  selected
+}) {
+  const d = data;
+  const points = d?.routingPoints;
+  const polyline = getEdgePoints(sourceX, sourceY, targetX, targetY, points);
+  const path = points && points.length >= 2 ? pointsToSvgPath(points) : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  const midpoint = getPolylineMidpoint(polyline);
+  const defaultMarkerPath = d?.isDefault ? getDefaultFlowMarkerPath(polyline) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      BaseEdge,
+      {
+        id,
+        path,
+        ...d?.conditionExpression ? { markerStart: "url(#bpmn-diamond-open)" } : {},
+        markerEnd: markerEnd ?? "url(#bpmn-arrow)",
+        style: {
+          stroke: selected ? "#1a56db" : "#404040",
+          strokeWidth: selected ? 2 : 1.5,
+          ...style ?? {}
+        }
+      }
+    ),
+    defaultMarkerPath && /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: defaultMarkerPath,
+        fill: "none",
+        stroke: selected ? "#1a56db" : "#404040",
+        strokeWidth: selected ? 2 : 1.5,
+        strokeLinecap: "round",
+        "data-testid": "bpmn-default-flow-marker"
+      }
+    ),
+    (label ?? d?.label) && /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          transform: `translate(-50%,-50%) translate(${midpoint.x}px,${midpoint.y}px)`,
+          fontSize: 11,
+          fontFamily: "Inter, system-ui, sans-serif",
+          background: "rgba(255,255,255,0.85)",
+          padding: "1px 4px",
+          borderRadius: 2,
+          pointerEvents: "all"
+        },
+        className: "nodrag nopan",
+        children: label ?? d?.label
+      }
+    ) })
+  ] });
+}
+function MessageFlowEdge({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  data,
+  label,
+  markerEnd,
+  style,
+  selected
+}) {
+  const d = data;
+  const points = d?.routingPoints;
+  const polyline = getEdgePoints(sourceX, sourceY, targetX, targetY, points);
+  const path = points && points.length >= 2 ? pointsToSvgPath(points) : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  const midpoint = getPolylineMidpoint(polyline);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      BaseEdge,
+      {
+        id,
+        path,
+        markerStart: "url(#bpmn-circle-open)",
+        markerEnd: markerEnd ?? "url(#bpmn-arrow-open)",
+        style: {
+          stroke: selected ? "#1a56db" : "#404040",
+          strokeWidth: selected ? 2 : 1.5,
+          strokeDasharray: "6 3",
+          ...style ?? {}
+        }
+      }
+    ),
+    (label ?? d?.label) && /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          transform: `translate(-50%,-50%) translate(${midpoint.x}px,${midpoint.y}px)`,
+          fontSize: 11,
+          fontFamily: "Inter, system-ui, sans-serif",
+          background: "rgba(255,255,255,0.85)",
+          padding: "1px 4px",
+          borderRadius: 2,
+          pointerEvents: "all"
+        },
+        className: "nodrag nopan",
+        children: label ?? d?.label
+      }
+    ) })
+  ] });
+}
+function AssociationEdge({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  data,
+  style,
+  selected
+}) {
+  const d = data;
+  const points = d?.routingPoints;
+  const direction = d?.associationDirection ?? "none";
+  const path = points && points.length >= 2 ? pointsToSvgPath(points) : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  return /* @__PURE__ */ jsx(
+    BaseEdge,
+    {
+      id,
+      path,
+      ...direction === "both" ? { markerStart: "url(#bpmn-arrow-open)" } : {},
+      ...direction === "one" || direction === "both" ? { markerEnd: "url(#bpmn-arrow-open)" } : {},
+      style: {
+        stroke: selected ? "#1a56db" : "#888",
+        strokeWidth: 1,
+        strokeDasharray: "3 3",
+        ...style ?? {}
+      }
+    }
+  );
+}
+function DataAssociationEdge({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  data,
+  style,
+  selected
+}) {
+  const d = data;
+  const points = d?.routingPoints;
+  const path = points && points.length >= 2 ? pointsToSvgPath(points) : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  return /* @__PURE__ */ jsx(
+    BaseEdge,
+    {
+      id,
+      path,
+      markerEnd: "url(#bpmn-arrow-open)",
+      style: {
+        stroke: selected ? "#1a56db" : "#888",
+        strokeWidth: 1,
+        strokeDasharray: "3 3",
+        ...style ?? {}
+      }
+    }
+  );
+}
+function ConversationLinkEdge({
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  data,
+  markerEnd
+}) {
+  const d = data;
+  const stroke = BPMN_THEME.stroke;
+  const [path] = getStraightPath({ sourceX, sourceY, targetX, targetY });
+  return /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx(
+      BaseEdge,
+      {
+        path,
+        ...markerEnd ? { markerEnd } : {},
+        style: { stroke, strokeWidth: 5, fill: "none" }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      BaseEdge,
+      {
+        path,
+        style: { stroke: "#ffffff", strokeWidth: 2, fill: "none" }
+      }
+    ),
+    d?.label && /* @__PURE__ */ jsx("text", { fontSize: BPMN_THEME.fontSize, fontFamily: BPMN_THEME.fontFamily, fill: stroke, children: /* @__PURE__ */ jsx("textPath", { href: `#${path}`, startOffset: "50%", textAnchor: "middle", children: d.label }) })
+  ] });
+}
+
+// src/edges/edgeTypes.ts
+var BPMN_EDGE_TYPES = {
+  sequenceFlow: SequenceFlowEdge,
+  messageFlow: MessageFlowEdge,
+  association: AssociationEdge,
+  dataAssociation: DataAssociationEdge,
+  conversationLink: ConversationLinkEdge
+};
+
+export { AssociationEdge, BPMN_EDGE_TYPES, ConversationLinkEdge, DataAssociationEdge, MessageFlowEdge, SequenceFlowEdge };
+//# sourceMappingURL=chunk-3AFZDIMQ.js.map
+//# sourceMappingURL=chunk-3AFZDIMQ.js.map

package/dist/chunk-3AFZDIMQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/edges/path.ts","../src/edges/SequenceFlowEdge.tsx","../src/edges/MessageFlowEdge.tsx","../src/edges/AssociationEdge.tsx","../src/edges/DataAssociationEdge.tsx","../src/edges/ConversationLinkEdge.tsx","../src/edges/edgeTypes.ts"],"names":["pointsToSvgPath","getOrthogonalPath","jsxs","Fragment","jsx","BaseEdge","EdgeLabelRenderer"],"mappings":"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","file":"chunk-3AFZDIMQ.js","sourcesContent":["import type { Position } from \"@xyflow/react\";\n\nexport interface EdgePoint {\n  x: number;\n  y: number;\n}\n\nexport function getEdgePoints(\n  sourceX: number,\n  sourceY: number,\n  targetX: number,\n  targetY: number,\n  routingPoints?: EdgePoint[],\n): EdgePoint[] {\n  if (routingPoints && routingPoints.length >= 2) {\n    return routingPoints;\n  }\n\n  return [\n    { x: sourceX, y: sourceY },\n    { x: targetX, y: targetY },\n  ];\n}\n\nexport function getPolylineMidpoint(points: EdgePoint[]): EdgePoint {\n  if (points.length === 0) return { x: 0, y: 0 };\n  if (points.length === 1) return points[0];\n\n  let total = 0;\n  const lengths: number[] = [];\n\n  for (let i = 1; i < points.length; i += 1) {\n    const dx = points[i].x - points[i - 1].x;\n    const dy = points[i].y - points[i - 1].y;\n    const length = Math.hypot(dx, dy);\n    lengths.push(length);\n    total += length;\n  }\n\n  const halfway = total / 2;\n  let traversed = 0;\n\n  for (let i = 1; i < points.length; i += 1) {\n    const length = lengths[i - 1];\n    if (traversed + length >= halfway) {\n      const ratio = length === 0 ? 0 : (halfway - traversed) / length;\n      return {\n        x: points[i - 1].x + (points[i].x - points[i - 1].x) * ratio,\n        y: points[i - 1].y + (points[i].y - points[i - 1].y) * ratio,\n      };\n    }\n    traversed += length;\n  }\n\n  return points[points.length - 1];\n}\n\nexport function getSegmentAngle(points: EdgePoint[]): number {\n  if (points.length < 2) return 0;\n  const from = points[0];\n  const to = points[1];\n  return Math.atan2(to.y - from.y, to.x - from.x);\n}\n\nexport function getDefaultFlowMarkerPath(points: EdgePoint[]): string | null {\n  if (points.length < 2) return null;\n\n  const start = points[0];\n  const angle = getSegmentAngle(points);\n  const anchorX = start.x + Math.cos(angle) * 16;\n  const anchorY = start.y + Math.sin(angle) * 16;\n  const normalAngle = angle + Math.PI / 2;\n  const half = 7;\n\n  const x1 = anchorX + Math.cos(normalAngle) * half;\n  const y1 = anchorY + Math.sin(normalAngle) * half;\n  const x2 = anchorX - Math.cos(normalAngle) * half;\n  const y2 = anchorY - Math.sin(normalAngle) * half;\n\n  return `M ${x1} ${y1} L ${x2} ${y2}`;\n}\n\nexport function fallbackAssociationDirection(\n  sourcePosition?: Position,\n  targetPosition?: Position,\n): \"horizontal\" | \"vertical\" {\n  if (sourcePosition === \"left\" || sourcePosition === \"right\" || targetPosition === \"left\" || targetPosition === \"right\") {\n    return \"horizontal\";\n  }\n\n  return \"vertical\";\n}\n","import { BaseEdge, EdgeLabelRenderer, type EdgeProps } from \"@xyflow/react\";\nimport { getOrthogonalPath, pointsToSvgPath } from \"@aranzatech/diagrams-core/routing\";\nimport type { BpmnEdgeData } from \"../elements/types\";\nimport { getDefaultFlowMarkerPath, getEdgePoints, getPolylineMidpoint } from \"./path\";\n\nexport function SequenceFlowEdge({\n  id,\n  sourceX, sourceY, targetX, targetY,\n  sourcePosition, targetPosition,\n  data, label, markerEnd, style, selected,\n}: EdgeProps) {\n  const d = data as BpmnEdgeData | undefined;\n  const points = d?.routingPoints;\n  const polyline = getEdgePoints(sourceX, sourceY, targetX, targetY, points);\n\n  const path = points && points.length >= 2\n    ? pointsToSvgPath(points)\n    : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);\n\n  const midpoint = getPolylineMidpoint(polyline);\n  const defaultMarkerPath = d?.isDefault ? getDefaultFlowMarkerPath(polyline) : null;\n\n  return (\n    <>\n      <BaseEdge\n        id={id}\n        path={path}\n        {...(d?.conditionExpression ? { markerStart: \"url(#bpmn-diamond-open)\" } : {})}\n        markerEnd={markerEnd ?? \"url(#bpmn-arrow)\"}\n        style={{\n          stroke: selected ? \"#1a56db\" : \"#404040\",\n          strokeWidth: selected ? 2 : 1.5,\n          ...(style ?? {}),\n        }}\n      />\n      {defaultMarkerPath && (\n        <path\n          d={defaultMarkerPath}\n          fill=\"none\"\n          stroke={selected ? \"#1a56db\" : \"#404040\"}\n          strokeWidth={selected ? 2 : 1.5}\n          strokeLinecap=\"round\"\n          data-testid=\"bpmn-default-flow-marker\"\n        />\n      )}\n      {(label ?? d?.label) && (\n        <EdgeLabelRenderer>\n          <div\n            style={{\n              position: \"absolute\",\n              transform: `translate(-50%,-50%) translate(${midpoint.x}px,${midpoint.y}px)`,\n              fontSize: 11,\n              fontFamily: \"Inter, system-ui, sans-serif\",\n              background: \"rgba(255,255,255,0.85)\",\n              padding: \"1px 4px\",\n              borderRadius: 2,\n              pointerEvents: \"all\",\n            }}\n            className=\"nodrag nopan\"\n          >\n            {label ?? d?.label}\n          </div>\n        </EdgeLabelRenderer>\n      )}\n    </>\n  );\n}\n","import { BaseEdge, EdgeLabelRenderer, type EdgeProps } from \"@xyflow/react\";\nimport { getOrthogonalPath, pointsToSvgPath } from \"@aranzatech/diagrams-core/routing\";\nimport type { BpmnEdgeData } from \"../elements/types\";\nimport { getEdgePoints, getPolylineMidpoint } from \"./path\";\n\nexport function MessageFlowEdge({\n  id,\n  sourceX, sourceY, targetX, targetY,\n  sourcePosition, targetPosition,\n  data, label, markerEnd, style, selected,\n}: EdgeProps) {\n  const d = data as BpmnEdgeData | undefined;\n  const points = d?.routingPoints;\n  const polyline = getEdgePoints(sourceX, sourceY, targetX, targetY, points);\n\n  const path = points && points.length >= 2\n    ? pointsToSvgPath(points)\n    : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);\n\n  const midpoint = getPolylineMidpoint(polyline);\n\n  return (\n    <>\n      <BaseEdge\n        id={id}\n        path={path}\n        markerStart=\"url(#bpmn-circle-open)\"\n        markerEnd={markerEnd ?? \"url(#bpmn-arrow-open)\"}\n        style={{\n          stroke: selected ? \"#1a56db\" : \"#404040\",\n          strokeWidth: selected ? 2 : 1.5,\n          strokeDasharray: \"6 3\",\n          ...(style ?? {}),\n        }}\n      />\n      {(label ?? d?.label) && (\n        <EdgeLabelRenderer>\n          <div\n            style={{\n              position: \"absolute\",\n              transform: `translate(-50%,-50%) translate(${midpoint.x}px,${midpoint.y}px)`,\n              fontSize: 11,\n              fontFamily: \"Inter, system-ui, sans-serif\",\n              background: \"rgba(255,255,255,0.85)\",\n              padding: \"1px 4px\",\n              borderRadius: 2,\n              pointerEvents: \"all\",\n            }}\n            className=\"nodrag nopan\"\n          >\n            {label ?? d?.label}\n          </div>\n        </EdgeLabelRenderer>\n      )}\n    </>\n  );\n}\n","import { BaseEdge, type EdgeProps } from \"@xyflow/react\";\nimport { getOrthogonalPath, pointsToSvgPath } from \"@aranzatech/diagrams-core/routing\";\nimport type { BpmnEdgeData } from \"../elements/types\";\n\nexport function AssociationEdge({\n  id,\n  sourceX, sourceY, targetX, targetY,\n  sourcePosition, targetPosition,\n  data, style, selected,\n}: EdgeProps) {\n  const d = data as BpmnEdgeData | undefined;\n  const points = d?.routingPoints;\n  const direction = d?.associationDirection ?? \"none\";\n\n  const path = points && points.length >= 2\n    ? pointsToSvgPath(points)\n    : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);\n\n  return (\n    <BaseEdge\n      id={id}\n      path={path}\n      {...(direction === \"both\" ? { markerStart: \"url(#bpmn-arrow-open)\" } : {})}\n      {...(direction === \"one\" || direction === \"both\" ? { markerEnd: \"url(#bpmn-arrow-open)\" } : {})}\n      style={{\n        stroke: selected ? \"#1a56db\" : \"#888\",\n        strokeWidth: 1,\n        strokeDasharray: \"3 3\",\n        ...(style ?? {}),\n      }}\n    />\n  );\n}\n","import { BaseEdge, type EdgeProps } from \"@xyflow/react\";\nimport { getOrthogonalPath, pointsToSvgPath } from \"@aranzatech/diagrams-core/routing\";\nimport type { BpmnEdgeData } from \"../elements/types\";\n\nexport function DataAssociationEdge({\n  id,\n  sourceX, sourceY, targetX, targetY,\n  sourcePosition, targetPosition,\n  data, style, selected,\n}: EdgeProps) {\n  const d = data as BpmnEdgeData | undefined;\n  const points = d?.routingPoints;\n\n  const path = points && points.length >= 2\n    ? pointsToSvgPath(points)\n    : getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);\n\n  return (\n    <BaseEdge\n      id={id}\n      path={path}\n      markerEnd=\"url(#bpmn-arrow-open)\"\n      style={{\n        stroke: selected ? \"#1a56db\" : \"#888\",\n        strokeWidth: 1,\n        strokeDasharray: \"3 3\",\n        ...(style ?? {}),\n      }}\n    />\n  );\n}\n","import type { EdgeProps } from \"@xyflow/react\";\nimport { BaseEdge, getStraightPath } from \"@xyflow/react\";\nimport type { BpmnEdgeData } from \"../elements/types\";\nimport { BPMN_THEME } from \"../nodes/shared/theme\";\n\n// BPMN 2.0 §12.2 — ConversationLink is rendered as a double line.\n// Technique: draw the path twice — wide stroke then narrower background —\n// to produce a parallel-line effect without complex path offsets.\n\nexport function ConversationLinkEdge({\n  sourceX, sourceY, targetX, targetY,\n  data, markerEnd,\n}: EdgeProps) {\n  const d = data as BpmnEdgeData | undefined;\n  const stroke = BPMN_THEME.stroke;\n\n  const [path] = getStraightPath({ sourceX, sourceY, targetX, targetY });\n\n  return (\n    <g>\n      {/* Outer (wide) stroke */}\n      <BaseEdge\n        path={path}\n        {...(markerEnd ? { markerEnd } : {})}\n        style={{ stroke, strokeWidth: 5, fill: \"none\" }}\n      />\n      {/* Inner white gap — creates double-line visual */}\n      <BaseEdge\n        path={path}\n        style={{ stroke: \"#ffffff\", strokeWidth: 2, fill: \"none\" }}\n      />\n      {/* Label */}\n      {d?.label && (\n        <text fontSize={BPMN_THEME.fontSize} fontFamily={BPMN_THEME.fontFamily} fill={stroke}>\n          <textPath href={`#${path}`} startOffset=\"50%\" textAnchor=\"middle\">\n            {d.label}\n          </textPath>\n        </text>\n      )}\n    </g>\n  );\n}\n","import type { EdgeTypes } from \"@xyflow/react\";\nimport { SequenceFlowEdge } from \"./SequenceFlowEdge\";\nimport { MessageFlowEdge } from \"./MessageFlowEdge\";\nimport { AssociationEdge } from \"./AssociationEdge\";\nimport { DataAssociationEdge } from \"./DataAssociationEdge\";\nimport { ConversationLinkEdge } from \"./ConversationLinkEdge\";\n\n/** Pass this object to `DiagramCanvas` as `edgeTypes`. */\nexport const BPMN_EDGE_TYPES: EdgeTypes = {\n  sequenceFlow: SequenceFlowEdge,\n  messageFlow: MessageFlowEdge,\n  association: AssociationEdge,\n  dataAssociation: DataAssociationEdge,\n  conversationLink: ConversationLinkEdge,\n};\n"]}