@aranzatech/diagrams-bpmn 0.2.13 → 0.2.15

package/dist/modeling/index.d.cts

@@ -1,8 +1,8 @@
 import { ModelingRules, ClipboardState, DiagramSnapshot, DiagramState, DiagramEventBus, ResizeHandlePosition, DiagramCommand, ConnectionValidator, SmartGuideResult, SelectionState, LayoutCacheOptions, LayoutCache, EdgeLabelOffsetOptions, EdgeLabelLayout, CommandStackState, Viewport, LayoutFn } from '@aranzatech/diagrams-core';
 import { DiagramDocument, CreateDiagramDocumentOptions } from '@aranzatech/diagrams-core/serialization';
-import { c as BpmnEdgeType, b as BpmnEdgeData, f as BpmnElementType, m as BpmnNodeData } from '../types-Dfrt0wVs.cjs';
-import { d as BpmnRFNode, c as BpmnRFEdge } from '../types-s2_VvPGf.cjs';
-export { g as getBpmnElementSize, i as isBpmnElementResizable } from '../catalog-BiLXVn-2.cjs';
+import { c as BpmnEdgeType, b as BpmnEdgeData, f as BpmnElementType, m as BpmnNodeData } from '../types-y-ZbX-ff.cjs';
+import { d as BpmnRFNode, c as BpmnRFEdge } from '../types-jIDz306Y.cjs';
+export { g as getBpmnElementSize, i as isBpmnElementResizable } from '../catalog-xOMF2ifW.cjs';
 import '@xyflow/react';
 
 type BpmnDiagramState = DiagramState<BpmnRFNode, BpmnRFEdge>;
@@ -63,6 +63,20 @@ interface ReparentBpmnNodeAtPositionOptions {
         y: number;
     };
 }
+interface ResolveBpmnDropTargetOptions {
+    elementType: BpmnElementType;
+    position: {
+        x: number;
+        y: number;
+    };
+    excludeId?: string;
+}
+interface BpmnDropTargetResolution {
+    container?: BpmnRFNode | undefined;
+    highlightedContainerId: string | null;
+    invalidContainerId: string | null;
+    isValid: boolean;
+}
 interface ResizeBpmnNodeOptions {
     id: string;
     width?: number;
@@ -115,8 +129,10 @@ declare function createBpmnNode(options: CreateBpmnNodeOptions): BpmnRFNode;
 declare function getBpmnNodeZIndex(elementType: BpmnElementType): number;
 declare function withBpmnNodeZIndexes(nodes: BpmnRFNode[]): BpmnRFNode[];
 declare const BPMN_POOL_LANE_LAYOUT: {
-    readonly poolHeaderSize: 30;
-    readonly laneHeaderSize: 24;
+    readonly poolPad: 8;
+    /** @deprecated use poolPad */
+    readonly poolHeaderSize: 8;
+    readonly laneHeaderSize: 28;
     readonly laneGap: 0;
     readonly verticalPoolHeaderSize: 28;
     readonly minLaneSize: 96;
@@ -164,6 +180,7 @@ declare function toBpmnRelativePosition(state: BpmnDiagramState, absolutePositio
     y: number;
 };
 declare function findBpmnContainerAt(state: BpmnDiagramState, options: FindBpmnContainerAtOptions): BpmnRFNode | undefined;
+declare function resolveBpmnDropTarget(state: BpmnDiagramState, options: ResolveBpmnDropTargetOptions): BpmnDropTargetResolution;
 declare function getBpmnNodeCenter(node: BpmnRFNode, absolutePosition: {
     x: number;
     y: number;
@@ -285,4 +302,4 @@ declare function createBpmnLayoutCache(options?: LayoutCacheOptions): LayoutCach
  */
 declare function withBpmnLayoutCache(layoutFn: LayoutFn<BpmnRFNode, BpmnRFEdge>, cache?: LayoutCache): LayoutFn<BpmnRFNode, BpmnRFEdge>;
 
-export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnClipboardState, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramSnapshot, type BpmnDiagramState, type BpmnEventBus, type ConnectBpmnOptions, type CreateBpmnNodeOptions, type FindBpmnContainerAtOptions, type GroupAsBpmnSubProcessOptions, type MoveBpmnLaneOptions, type PasteBpmnOptions, type ReorderBpmnLaneOptions, type ReparentBpmnNodeAtPositionOptions, type ReparentBpmnNodeOptions, type ReplaceBpmnNodeOptions, type ResizeBpmnNodeByHandleOptions, type ResizeBpmnNodeOptions, type RouteBpmnEdgeOptions, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes };
+export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnClipboardState, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramSnapshot, type BpmnDiagramState, type BpmnDropTargetResolution, type BpmnEventBus, type ConnectBpmnOptions, type CreateBpmnNodeOptions, type FindBpmnContainerAtOptions, type GroupAsBpmnSubProcessOptions, type MoveBpmnLaneOptions, type PasteBpmnOptions, type ReorderBpmnLaneOptions, type ReparentBpmnNodeAtPositionOptions, type ReparentBpmnNodeOptions, type ReplaceBpmnNodeOptions, type ResizeBpmnNodeByHandleOptions, type ResizeBpmnNodeOptions, type ResolveBpmnDropTargetOptions, type RouteBpmnEdgeOptions, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, resolveBpmnDropTarget, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes };

package/dist/modeling/index.d.ts

@@ -1,8 +1,8 @@
 import { ModelingRules, ClipboardState, DiagramSnapshot, DiagramState, DiagramEventBus, ResizeHandlePosition, DiagramCommand, ConnectionValidator, SmartGuideResult, SelectionState, LayoutCacheOptions, LayoutCache, EdgeLabelOffsetOptions, EdgeLabelLayout, CommandStackState, Viewport, LayoutFn } from '@aranzatech/diagrams-core';
 import { DiagramDocument, CreateDiagramDocumentOptions } from '@aranzatech/diagrams-core/serialization';
-import { c as BpmnEdgeType, b as BpmnEdgeData, f as BpmnElementType, m as BpmnNodeData } from '../types-Dfrt0wVs.js';
-import { d as BpmnRFNode, c as BpmnRFEdge } from '../types-rEfHsPr5.js';
-export { g as getBpmnElementSize, i as isBpmnElementResizable } from '../catalog-Di2nzGs9.js';
+import { c as BpmnEdgeType, b as BpmnEdgeData, f as BpmnElementType, m as BpmnNodeData } from '../types-y-ZbX-ff.js';
+import { d as BpmnRFNode, c as BpmnRFEdge } from '../types-DG5yPKld.js';
+export { g as getBpmnElementSize, i as isBpmnElementResizable } from '../catalog-CK3_4cOb.js';
 import '@xyflow/react';
 
 type BpmnDiagramState = DiagramState<BpmnRFNode, BpmnRFEdge>;
@@ -63,6 +63,20 @@ interface ReparentBpmnNodeAtPositionOptions {
         y: number;
     };
 }
+interface ResolveBpmnDropTargetOptions {
+    elementType: BpmnElementType;
+    position: {
+        x: number;
+        y: number;
+    };
+    excludeId?: string;
+}
+interface BpmnDropTargetResolution {
+    container?: BpmnRFNode | undefined;
+    highlightedContainerId: string | null;
+    invalidContainerId: string | null;
+    isValid: boolean;
+}
 interface ResizeBpmnNodeOptions {
     id: string;
     width?: number;
@@ -115,8 +129,10 @@ declare function createBpmnNode(options: CreateBpmnNodeOptions): BpmnRFNode;
 declare function getBpmnNodeZIndex(elementType: BpmnElementType): number;
 declare function withBpmnNodeZIndexes(nodes: BpmnRFNode[]): BpmnRFNode[];
 declare const BPMN_POOL_LANE_LAYOUT: {
-    readonly poolHeaderSize: 30;
-    readonly laneHeaderSize: 24;
+    readonly poolPad: 8;
+    /** @deprecated use poolPad */
+    readonly poolHeaderSize: 8;
+    readonly laneHeaderSize: 28;
     readonly laneGap: 0;
     readonly verticalPoolHeaderSize: 28;
     readonly minLaneSize: 96;
@@ -164,6 +180,7 @@ declare function toBpmnRelativePosition(state: BpmnDiagramState, absolutePositio
     y: number;
 };
 declare function findBpmnContainerAt(state: BpmnDiagramState, options: FindBpmnContainerAtOptions): BpmnRFNode | undefined;
+declare function resolveBpmnDropTarget(state: BpmnDiagramState, options: ResolveBpmnDropTargetOptions): BpmnDropTargetResolution;
 declare function getBpmnNodeCenter(node: BpmnRFNode, absolutePosition: {
     x: number;
     y: number;
@@ -285,4 +302,4 @@ declare function createBpmnLayoutCache(options?: LayoutCacheOptions): LayoutCach
  */
 declare function withBpmnLayoutCache(layoutFn: LayoutFn<BpmnRFNode, BpmnRFEdge>, cache?: LayoutCache): LayoutFn<BpmnRFNode, BpmnRFEdge>;
 
-export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnClipboardState, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramSnapshot, type BpmnDiagramState, type BpmnEventBus, type ConnectBpmnOptions, type CreateBpmnNodeOptions, type FindBpmnContainerAtOptions, type GroupAsBpmnSubProcessOptions, type MoveBpmnLaneOptions, type PasteBpmnOptions, type ReorderBpmnLaneOptions, type ReparentBpmnNodeAtPositionOptions, type ReparentBpmnNodeOptions, type ReplaceBpmnNodeOptions, type ResizeBpmnNodeByHandleOptions, type ResizeBpmnNodeOptions, type RouteBpmnEdgeOptions, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes };
+export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnClipboardState, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramSnapshot, type BpmnDiagramState, type BpmnDropTargetResolution, type BpmnEventBus, type ConnectBpmnOptions, type CreateBpmnNodeOptions, type FindBpmnContainerAtOptions, type GroupAsBpmnSubProcessOptions, type MoveBpmnLaneOptions, type PasteBpmnOptions, type ReorderBpmnLaneOptions, type ReparentBpmnNodeAtPositionOptions, type ReparentBpmnNodeOptions, type ReplaceBpmnNodeOptions, type ResizeBpmnNodeByHandleOptions, type ResizeBpmnNodeOptions, type ResolveBpmnDropTargetOptions, type RouteBpmnEdgeOptions, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, resolveBpmnDropTarget, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes };

package/dist/modeling/index.js

@@ -1,4 +1,4 @@
-export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes } from '../chunk-UAWLUDKC.js';
+export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, resolveBpmnDropTarget, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes } from '../chunk-HOWK3ZOO.js';
 import '../chunk-RLAJNRF2.js';
 export { getBpmnElementSize, isBpmnElementResizable } from '../chunk-L5Z22RLX.js';
 //# sourceMappingURL=index.js.map

package/dist/nodes/index.cjs

@@ -49,6 +49,7 @@ var BPMN_THEME = {
   fillSoft: "#f8fbff",
   fillSubtle: "#eef6ff",
   stroke: "#334155",
+  strokeMuted: "#64748b",
   strokeSelected: "#2563eb",
   strokeWidth: 1.5,
   strokeWidthSelected: 2.5,
@@ -688,71 +689,33 @@ function SubProcessNode({ data, selected }) {
     }
   );
 }
-var HEADER_WIDTH = 30;
-var HEADER_HEIGHT = 28;
-function PoolNode({ data, selected }) {
-  const d = data;
-  const stroke = resolveStroke(selected, d.color?.stroke);
-  const sw = resolveStrokeWidth(selected);
-  const orientation = d.orientation ?? "horizontal";
-  const fill = d.color?.fill ?? "#f8fbff";
-  const headerFill = d.color?.fill ?? "#eaf2ff";
-  if (orientation === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        style: {
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          flexDirection: "column",
-          border: `${sw}px solid ${stroke}`,
-          borderRadius: 4,
-          boxSizing: "border-box",
-          background: fill,
-          boxShadow: resolveNodeShadow(selected),
-          overflow: "hidden",
-          fontFamily: BPMN_THEME.fontFamily,
-          transition: BPMN_THEME.transition
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              "aria-label": "pool-header",
-              className: "pool-drag-handle",
-              style: {
-                height: HEADER_HEIGHT,
-                minHeight: HEADER_HEIGHT,
-                borderBottom: `${sw}px solid ${stroke}`,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                background: headerFill,
-                padding: "0 8px",
-                cursor: "grab"
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  style: {
-                    fontSize: BPMN_THEME.fontSize,
-                    fontWeight: 600,
-                    color: BPMN_THEME.labelColor,
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis"
-                  },
-                  children: d.label
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, position: "relative" } })
-        ]
+function PoolNode({ selected }) {
+  const sw = selected ? 2.5 : 2;
+  const borderColor = selected ? "var(--color-accent)" : "color-mix(in srgb, var(--color-accent) 40%, transparent)";
+  const bg = "color-mix(in srgb, var(--color-accent) 3%, white)";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        width: "100%",
+        height: "100%",
+        border: `${sw}px solid ${borderColor}`,
+        borderRadius: 6,
+        boxSizing: "border-box",
+        background: bg,
+        fontFamily: BPMN_THEME.fontFamily,
+        transition: "border-color 140ms ease",
+        overflow: "visible"
       }
-    );
-  }
+    }
+  );
+}
+var LABEL_W = 28;
+function LaneNode({ data, selected }) {
+  const d = data;
+  const stroke = selected ? BPMN_THEME.strokeSelected : d.color?.stroke ?? BPMN_THEME.strokeMuted;
+  const bodyFill = "#fbfdff";
+  const labelFill = d.color?.fill ?? "#eef6ff";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -760,11 +723,11 @@ function PoolNode({ data, selected }) {
         width: "100%",
         height: "100%",
         display: "flex",
-        border: `${sw}px solid ${stroke}`,
-        borderRadius: 4,
+        flexDirection: "row",
+        border: `1px solid ${stroke}`,
+        borderRadius: 3,
         boxSizing: "border-box",
-        background: fill,
-        boxShadow: resolveNodeShadow(selected),
+        background: bodyFill,
         overflow: "hidden",
         fontFamily: BPMN_THEME.fontFamily,
         transition: BPMN_THEME.transition
@@ -773,17 +736,19 @@ function PoolNode({ data, selected }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            "aria-label": "pool-header",
-            className: "pool-drag-handle",
+            "aria-label": "lane-header",
+            className: "lane-drag-handle",
             style: {
-              width: HEADER_WIDTH,
-              minWidth: HEADER_WIDTH,
-              borderRight: `${sw}px solid ${stroke}`,
+              width: LABEL_W,
+              minWidth: LABEL_W,
+              borderRight: `1px solid ${stroke}`,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              background: headerFill,
-              cursor: "grab"
+              background: labelFill,
+              cursor: "grab",
+              userSelect: "none",
+              flexShrink: 0
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
@@ -792,7 +757,7 @@ function PoolNode({ data, selected }) {
                   writingMode: "vertical-rl",
                   transform: "rotate(180deg)",
                   fontSize: BPMN_THEME.fontSize,
-                  fontWeight: 600,
+                  fontWeight: 500,
                   color: BPMN_THEME.labelColor,
                   whiteSpace: "nowrap",
                   overflow: "hidden",
@@ -804,118 +769,7 @@ function PoolNode({ data, selected }) {
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, position: "relative" } })
-      ]
-    }
-  );
-}
-var HEADER_HEIGHT2 = 24;
-var HEADER_WIDTH2 = 28;
-function LaneNode({ data, selected }) {
-  const d = data;
-  const stroke = resolveStroke(selected, d.color?.stroke);
-  const sw = resolveStrokeWidth(selected);
-  const orientation = d.orientation ?? "horizontal";
-  const fill = d.color?.fill ?? "#fbfdff";
-  const headerFill = d.color?.fill ?? "#eef6ff";
-  if (orientation === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        style: {
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          border: `${sw}px solid ${stroke}`,
-          borderRadius: 2,
-          boxSizing: "border-box",
-          background: fill,
-          boxShadow: resolveNodeShadow(selected),
-          overflow: "hidden",
-          fontFamily: BPMN_THEME.fontFamily,
-          transition: BPMN_THEME.transition
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              "aria-label": "lane-header",
-              className: "lane-drag-handle",
-              style: {
-                width: HEADER_WIDTH2,
-                minWidth: HEADER_WIDTH2,
-                borderRight: `1px solid ${stroke}`,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                background: headerFill,
-                padding: "6px 0",
-                cursor: "grab"
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  style: {
-                    writingMode: "vertical-rl",
-                    transform: "rotate(180deg)",
-                    fontSize: BPMN_THEME.fontSize,
-                    fontWeight: 500,
-                    color: BPMN_THEME.labelColor,
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    maxHeight: "90%"
-                  },
-                  children: d.label
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, position: "relative" } })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      style: {
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        border: `${sw}px solid ${stroke}`,
-        borderRadius: 2,
-        boxSizing: "border-box",
-        background: fill,
-        boxShadow: resolveNodeShadow(selected),
-        overflow: "hidden",
-        fontFamily: BPMN_THEME.fontFamily,
-        transition: BPMN_THEME.transition
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "aria-label": "lane-header",
-            className: "lane-drag-handle",
-            style: {
-              height: HEADER_HEIGHT2,
-              minHeight: HEADER_HEIGHT2,
-              borderBottom: `1px solid ${stroke}`,
-              display: "flex",
-              alignItems: "center",
-              paddingLeft: 8,
-              background: headerFill,
-              fontSize: BPMN_THEME.fontSize,
-              fontWeight: 500,
-              color: BPMN_THEME.labelColor,
-              cursor: "grab"
-            },
-            children: d.label
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, position: "relative" } })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nodrag", style: { flex: 1, position: "relative" } })
       ]
     }
   );