@aranzatech/diagrams-bpmn 0.2.2 → 0.2.4

package/dist/index.cjs

@@ -768,8 +768,8 @@ var BPMN_THEME = {
   fontFamily: "Inter, system-ui, sans-serif",
   fontSize: 11,
   labelColor: "#0f172a",
-  shadow: "0 4px 12px rgba(15, 23, 42, 0.08)",
-  shadowSelected: "0 0 0 4px rgba(37, 99, 235, 0.14), 0 8px 18px rgba(15, 23, 42, 0.12)",
+  shadow: "none",
+  shadowSelected: "none",
   transition: "box-shadow 140ms ease, filter 140ms ease, transform 140ms ease"
 };
 function resolveStroke(selected, override) {
@@ -779,8 +779,8 @@ function resolveStroke(selected, override) {
 function resolveStrokeWidth(selected) {
   return selected ? BPMN_THEME.strokeWidthSelected : BPMN_THEME.strokeWidth;
 }
-function resolveShapeFilter(selected) {
-  return selected ? "drop-shadow(0 0 0 rgba(37,99,235,0.2)) drop-shadow(0 8px 14px rgba(15,23,42,0.12))" : "drop-shadow(0 4px 10px rgba(15,23,42,0.08))";
+function resolveShapeFilter(_selected) {
+  return void 0;
 }
 function resolveNodeShadow(selected) {
   return selected ? BPMN_THEME.shadowSelected : BPMN_THEME.shadow;
@@ -937,7 +937,7 @@ function StartEventNode({ data, selected }) {
   const trigger = d.trigger ?? "none";
   const dashArray = d.isNonInterrupting ? "4 2" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE, height: SIZE, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE, height: SIZE, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE, height: SIZE, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "circle",
         {
@@ -966,7 +966,7 @@ function EndEventNode({ data, selected }) {
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   const trigger = d.trigger ?? "none";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE2, height: SIZE2, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE2, height: SIZE2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE2, height: SIZE2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "circle",
         {
@@ -996,7 +996,7 @@ function IntermediateCatchEventNode({ data, selected }) {
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "timer";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_OUTER, fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_INNER, fill: "none", stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(EventMarker, { cx: CX3, cy: CX3, trigger, filled: false, stroke, bg: fill, r: ICON_R })
@@ -1012,7 +1012,7 @@ function IntermediateThrowEventNode({ data, selected }) {
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "message";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_OUTER, fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_INNER, fill: stroke, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(EventMarker, { cx: CX3, cy: CX3, trigger, filled: true, stroke: fill, bg: stroke, r: ICON_R })
@@ -1029,7 +1029,7 @@ function BoundaryEventNode({ data, selected }) {
   const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "timer";
   const dashArray = d.isNonInterrupting ? "4 2" : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "circle",
         {
@@ -1304,7 +1304,7 @@ function GatewayNode({ data, selected }) {
   const stroke = resolveStroke(selected, d.color?.stroke);
   const sw = resolveStrokeWidth(selected);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE4, height: SIZE4, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE4, height: SIZE4, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE4, height: SIZE4, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "polygon",
         {
@@ -1740,7 +1740,7 @@ function DataObjectNode({ data, selected }) {
     `L ${W} ${FOLD}`
   ].join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W, height: H2, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W, height: H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W, height: H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: path, fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath2, fill: "none", stroke, strokeWidth: sw })
     ] }),
@@ -1758,7 +1758,7 @@ function DataStoreNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: DS_W, height: DS_H, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W, height: DS_H, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W, height: DS_H, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -1804,7 +1804,7 @@ function DataObjectReferenceNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
       d.isCollection && collectionLines(stroke, sw)
@@ -1819,7 +1819,7 @@ function DataInputNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1843,7 +1843,7 @@ function DataOutputNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1871,7 +1871,7 @@ function DataStoreReferenceNode({ data, selected }) {
   const sw = resolveStrokeWidth(selected);
   const fill = d.color?.fill ?? BPMN_THEME.fill;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: DS_W2, height: DS_H2, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W2, height: DS_H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W2, height: DS_H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -2225,15 +2225,6 @@ var BPMN_NODE_TYPES = {
 };
 
 // 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];
@@ -2297,8 +2288,8 @@ function SequenceFlowEdge({
 }) {
   const d = data;
   const points = d?.routingPoints;
-  const polyline = getEdgePoints(sourceX, sourceY, targetX, targetY, points);
-  const path = points && points.length >= 2 ? routing.pointsToSvgPath(points) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  const polyline = points && points.length >= 2 ? [{ x: sourceX, y: sourceY }, ...points.slice(1, -1), { x: targetX, y: targetY }] : [{ x: sourceX, y: sourceY }, { x: targetX, y: targetY }];
+  const path = points && points.length >= 2 ? routing.pointsToSvgPath([{ x: sourceX, y: sourceY }, ...points.slice(1, -1), { x: targetX, y: targetY }]) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
   const midpoint = getPolylineMidpoint(polyline);
   const defaultMarkerPath = d?.isDefault ? getDefaultFlowMarkerPath(polyline) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2362,8 +2353,8 @@ function MessageFlowEdge({
 }) {
   const d = data;
   const points = d?.routingPoints;
-  const polyline = getEdgePoints(sourceX, sourceY, targetX, targetY, points);
-  const path = points && points.length >= 2 ? routing.pointsToSvgPath(points) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  const polyline = points && points.length >= 2 ? [{ x: sourceX, y: sourceY }, ...points.slice(1, -1), { x: targetX, y: targetY }] : [{ x: sourceX, y: sourceY }, { x: targetX, y: targetY }];
+  const path = points && points.length >= 2 ? routing.pointsToSvgPath([{ x: sourceX, y: sourceY }, ...points.slice(1, -1), { x: targetX, y: targetY }]) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
   const midpoint = getPolylineMidpoint(polyline);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2415,7 +2406,7 @@ function AssociationEdge({
   const d = data;
   const points = d?.routingPoints;
   const direction = d?.associationDirection ?? "none";
-  const path = points && points.length >= 2 ? routing.pointsToSvgPath(points) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  const path = points && points.length >= 2 ? routing.pointsToSvgPath([{ x: sourceX, y: sourceY }, ...points.slice(1, -1), { x: targetX, y: targetY }]) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.BaseEdge,
     {
@@ -2446,7 +2437,7 @@ function DataAssociationEdge({
 }) {
   const d = data;
   const points = d?.routingPoints;
-  const path = points && points.length >= 2 ? routing.pointsToSvgPath(points) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
+  const path = points && points.length >= 2 ? routing.pointsToSvgPath([{ x: sourceX, y: sourceY }, ...points.slice(1, -1), { x: targetX, y: targetY }]) : routing.getOrthogonalPath(sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition);
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.BaseEdge,
     {
@@ -3705,14 +3696,30 @@ function createBpmnNode(options) {
     },
     width: options.width ?? size.width,
     height: options.height ?? size.height,
+    zIndex: getBpmnNodeZIndex(options.elementType),
     ...options.parentId ? { parentId: options.parentId } : {},
+    ...options.elementType === "Lane" && options.parentId ? { extent: "parent" } : {},
     ...dragHandle ? { dragHandle } : {}
   };
 }
+function getBpmnNodeZIndex(elementType) {
+  if (elementType === "Pool") return 0;
+  if (elementType === "Lane") return 1;
+  if (elementType === "BoundaryEvent") return 4;
+  return 3;
+}
+function withBpmnNodeZIndexes(nodes) {
+  return nodes.map((node) => {
+    const zIndex = getBpmnNodeZIndex(node.data.elementType);
+    return node.zIndex === zIndex ? node : { ...node, zIndex };
+  });
+}
 var BPMN_POOL_LANE_LAYOUT = {
   poolHeaderSize: 30,
   laneHeaderSize: 24,
-  laneGap: 0
+  laneGap: 0,
+  verticalPoolHeaderSize: 28,
+  minLaneSize: 96
 };
 function getBpmnDragHandleSelector(elementType) {
   if (elementType === "Pool") return ".pool-drag-handle";
@@ -3833,6 +3840,116 @@ function getBpmnPoolLanes(state, poolId) {
 function getNodeDimension(node, axis) {
   return node[axis] ?? node.measured?.[axis] ?? getBpmnElementSize(node.data.elementType)[axis];
 }
+function getBpmnLaneOrderPosition(lane, orientation) {
+  const size = getBpmnNodeSize(lane);
+  return orientation === "vertical" ? lane.position.x + size.width / 2 : lane.position.y + size.height / 2;
+}
+function resizeHorizontalBpmnLanes(lanes, pool) {
+  const poolSize = getBpmnNodeSize(pool);
+  const laneWidth = Math.max(BPMN_POOL_LANE_LAYOUT.minLaneSize, poolSize.width - BPMN_POOL_LANE_LAYOUT.poolHeaderSize);
+  const laneHeight = Math.max(BPMN_POOL_LANE_LAYOUT.minLaneSize, poolSize.height / Math.max(1, lanes.length));
+  return lanes.map((lane, index) => ({
+    ...lane,
+    position: { x: BPMN_POOL_LANE_LAYOUT.poolHeaderSize, y: index * laneHeight },
+    width: laneWidth,
+    height: laneHeight,
+    parentId: pool.id,
+    extent: "parent",
+    zIndex: getBpmnNodeZIndex("Lane"),
+    data: { ...lane.data, orientation: "horizontal", laneIndex: index }
+  }));
+}
+function resizeVerticalBpmnLanes(lanes, pool) {
+  const poolSize = getBpmnNodeSize(pool);
+  const laneWidth = Math.max(BPMN_POOL_LANE_LAYOUT.minLaneSize, poolSize.width / Math.max(1, lanes.length));
+  const laneHeight = Math.max(BPMN_POOL_LANE_LAYOUT.minLaneSize, poolSize.height - BPMN_POOL_LANE_LAYOUT.verticalPoolHeaderSize);
+  return lanes.map((lane, index) => ({
+    ...lane,
+    position: { x: index * laneWidth, y: BPMN_POOL_LANE_LAYOUT.verticalPoolHeaderSize },
+    width: laneWidth,
+    height: laneHeight,
+    parentId: pool.id,
+    extent: "parent",
+    zIndex: getBpmnNodeZIndex("Lane"),
+    data: { ...lane.data, orientation: "vertical", laneIndex: index }
+  }));
+}
+function layoutBpmnPoolLaneNodes(nodes, poolId) {
+  const pool = nodes.find((node) => node.id === poolId && node.data.elementType === "Pool");
+  if (!pool) return nodes;
+  const orientation = pool.data.orientation === "vertical" ? "vertical" : "horizontal";
+  const lanes = nodes.filter((node) => node.parentId === pool.id && node.data.elementType === "Lane").sort((a, b) => {
+    const aIndex = typeof a.data.laneIndex === "number" ? a.data.laneIndex : void 0;
+    const bIndex = typeof b.data.laneIndex === "number" ? b.data.laneIndex : void 0;
+    if (aIndex !== void 0 || bIndex !== void 0) return (aIndex ?? 0) - (bIndex ?? 0);
+    return getBpmnLaneOrderPosition(a, orientation) - getBpmnLaneOrderPosition(b, orientation);
+  });
+  if (lanes.length === 0) return withBpmnNodeZIndexes(nodes);
+  const laneMap = new Map(
+    (orientation === "vertical" ? resizeVerticalBpmnLanes(lanes, pool) : resizeHorizontalBpmnLanes(lanes, pool)).map((lane) => [lane.id, lane])
+  );
+  return withBpmnNodeZIndexes(nodes.map((node) => laneMap.get(node.id) ?? node));
+}
+function reorderBpmnLaneAfterDrop(nodes, laneId) {
+  const lane = nodes.find((node) => node.id === laneId && node.data.elementType === "Lane");
+  if (!lane?.parentId) return nodes;
+  const pool = nodes.find((node) => node.id === lane.parentId && node.data.elementType === "Pool");
+  if (!pool) return nodes;
+  const orientation = pool.data.orientation === "vertical" ? "vertical" : "horizontal";
+  const lanes = nodes.filter((node) => node.parentId === pool.id && node.data.elementType === "Lane").sort((a, b) => getBpmnLaneOrderPosition(a, orientation) - getBpmnLaneOrderPosition(b, orientation));
+  const moved = lanes.find((candidate) => candidate.id === lane.id);
+  if (!moved) return layoutBpmnPoolLaneNodes(nodes, pool.id);
+  const withoutMoved = lanes.filter((candidate) => candidate.id !== lane.id);
+  const movedCenter = getBpmnLaneOrderPosition(lane, orientation);
+  const insertIndex = withoutMoved.findIndex(
+    (candidate) => movedCenter < getBpmnLaneOrderPosition(candidate, orientation)
+  );
+  const ordered = [...withoutMoved];
+  ordered.splice(insertIndex === -1 ? ordered.length : insertIndex, 0, moved);
+  const orderedMap = new Map(ordered.map((candidate, index) => [candidate.id, index]));
+  const sortedByDrop = nodes.map((node) => {
+    if (node.parentId !== pool.id || node.data.elementType !== "Lane") return node;
+    return { ...node, data: { ...node.data, laneIndex: orderedMap.get(node.id) ?? 0 } };
+  });
+  return layoutBpmnPoolLaneNodes(sortedByDrop, pool.id);
+}
+function getBpmnNodeSize(node) {
+  return diagramsCore.getNodeSize(node, getBpmnElementSize(node.data.elementType));
+}
+function getBpmnNodeAbsolutePosition(state, nodeOrId) {
+  const nodeId = typeof nodeOrId === "string" ? nodeOrId : nodeOrId.id;
+  return diagramsCore.getNodeAbsolutePosition(state, nodeId);
+}
+function toBpmnRelativePosition(state, absolutePosition, parentOrId) {
+  return diagramsCore.toRelativeNodePosition(state, absolutePosition, parentOrId);
+}
+var BPMN_CONTAINER_PRIORITY = [
+  "Lane",
+  "SubProcess",
+  "EventSubProcess",
+  "Transaction",
+  "AdHocSubProcess",
+  "Pool"
+];
+function findBpmnContainerAt(state, options) {
+  return diagramsCore.findContainingNode(state, {
+    point: options.position,
+    excludeId: options.excludeId,
+    fallbackSize: (node) => getBpmnElementSize(node.data.elementType),
+    predicate: (node) => BPMN_CONTAINER_PRIORITY.includes(node.data.elementType),
+    sort: (a, b) => {
+      const aPriority = BPMN_CONTAINER_PRIORITY.indexOf(a.data.elementType);
+      const bPriority = BPMN_CONTAINER_PRIORITY.indexOf(b.data.elementType);
+      if (aPriority !== bPriority) return aPriority - bPriority;
+      const aSize = getBpmnNodeSize(a);
+      const bSize = getBpmnNodeSize(b);
+      return aSize.width * aSize.height - bSize.width * bSize.height;
+    }
+  });
+}
+function getBpmnNodeCenter(node, absolutePosition) {
+  return diagramsCore.getNodeCenterPosition(absolutePosition, getBpmnNodeSize(node));
+}
 function resolvePoolLaneDirection(pool) {
   return pool.data.orientation === "vertical" ? "horizontal" : "vertical";
 }
@@ -4095,6 +4212,19 @@ function reparentBpmnNodeCommand(options) {
     }
   };
 }
+function reparentBpmnNodeAtPosition(state, options) {
+  const node = diagramsCore.getNode(state, options.id);
+  if (!node) throw new Error(`Element "${options.id}" does not exist.`);
+  const hitPoint = getBpmnNodeCenter(node, options.position);
+  const parent = isBpmnProcessNode(node.data.elementType) ? findBpmnContainerAt(state, { position: hitPoint, excludeId: node.id }) : void 0;
+  const containment = canContainBpmnElement(parent?.data.elementType, node.data.elementType);
+  if (containment !== true) throw new Error(containment);
+  const nextPosition = parent ? toBpmnRelativePosition(state, options.position, parent) : options.position;
+  return diagramsCore.reparentNode(state, node.id, {
+    ...parent ? { parentId: parent.id } : { parentId: void 0 },
+    position: nextPosition
+  });
+}
 function resizeBpmnNodeCommand(options) {
   return {
     id: `bpmn.resize.${options.id}`,
@@ -4482,10 +4612,15 @@ exports.createBpmnNodeCommand = createBpmnNodeCommand;
 exports.createSimulation = createSimulation;
 exports.deleteBpmnElementsCommand = deleteBpmnElementsCommand;
 exports.deserializeBpmnDiagram = deserializeBpmnDiagram;
+exports.findBpmnContainerAt = findBpmnContainerAt;
 exports.fire = fire;
 exports.getBpmnDragHandleSelector = getBpmnDragHandleSelector;
 exports.getBpmnElementSize = getBpmnElementSize;
 exports.getBpmnLaneIndexAtPosition = getBpmnLaneIndexAtPosition;
+exports.getBpmnNodeAbsolutePosition = getBpmnNodeAbsolutePosition;
+exports.getBpmnNodeCenter = getBpmnNodeCenter;
+exports.getBpmnNodeSize = getBpmnNodeSize;
+exports.getBpmnNodeZIndex = getBpmnNodeZIndex;
 exports.getBpmnPoolLanes = getBpmnPoolLanes;
 exports.getElementMeta = getElementMeta;
 exports.getFireable = getFireable;
@@ -4503,13 +4638,16 @@ exports.isDataType = isDataType;
 exports.isEventType = isEventType;
 exports.isGatewayType = isGatewayType;
 exports.isTaskType = isTaskType;
+exports.layoutBpmnPoolLaneNodes = layoutBpmnPoolLaneNodes;
 exports.layoutBpmnPoolLanes = layoutBpmnPoolLanes;
 exports.moveBpmnLaneCommand = moveBpmnLaneCommand;
 exports.parseBpmnDiagramDocument = parseBpmnDiagramDocument;
 exports.parseBpmnXml = parseBpmnXml;
 exports.pasteBpmnElementsCommand = pasteBpmnElementsCommand;
 exports.reorderBpmnLane = reorderBpmnLane;
+exports.reorderBpmnLaneAfterDrop = reorderBpmnLaneAfterDrop;
 exports.reorderBpmnLaneCommand = reorderBpmnLaneCommand;
+exports.reparentBpmnNodeAtPosition = reparentBpmnNodeAtPosition;
 exports.reparentBpmnNodeCommand = reparentBpmnNodeCommand;
 exports.replaceBpmnNodeCommand = replaceBpmnNodeCommand;
 exports.resizeBpmnNodeCommand = resizeBpmnNodeCommand;
@@ -4523,7 +4661,9 @@ exports.setVariable = setVariable;
 exports.supportsCollapse = supportsCollapse;
 exports.supportsMarkers = supportsMarkers;
 exports.tick = tick;
+exports.toBpmnRelativePosition = toBpmnRelativePosition;
 exports.validateBpmnConnectionForEdgeType = validateBpmnConnectionForEdgeType;
 exports.validateBpmnDiagram = validateBpmnDiagram;
+exports.withBpmnNodeZIndexes = withBpmnNodeZIndexes;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map