@aranzatech/diagrams-bpmn 0.2.14 → 0.3.0

package/dist/modeling/index.d.cts

@@ -1,9 +1,10 @@
 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-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 { c as BpmnEdgeType, b as BpmnEdgeData, f as BpmnElementType, m as BpmnNodeData } from '../types-BYN4Zuee.cjs';
+import { d as BpmnRFNode, c as BpmnRFEdge } from '../types-CggktCqr.cjs';
+export { g as getBpmnElementSize, i as isBpmnElementResizable } from '../catalog-DAGDhO-D.cjs';
 import '@xyflow/react';
+import '../types-BX_o95GC.cjs';
 
 type BpmnDiagramState = DiagramState<BpmnRFNode, BpmnRFEdge>;
 type BpmnClipboardState = ClipboardState<BpmnRFNode, BpmnRFEdge>;
@@ -63,6 +64,45 @@ 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 BpmnEdgeLaneContext {
+    edgeId: string;
+    sourceLaneId?: string | undefined;
+    targetLaneId?: string | undefined;
+    sourcePoolId?: string | undefined;
+    targetPoolId?: string | undefined;
+    sameLane: boolean;
+    samePool: boolean;
+    crossesLanesWithinPool: boolean;
+    crossesPools: boolean;
+}
+type BpmnConnectionResolution = {
+    ok: true;
+    edgeType: BpmnEdgeType;
+} | {
+    ok: false;
+    reason: string;
+};
+interface BpmnBoundaryAttachment {
+    hostId: string;
+    position: {
+        x: number;
+        y: number;
+    };
+}
 interface ResizeBpmnNodeOptions {
     id: string;
     width?: number;
@@ -115,12 +155,21 @@ 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;
 };
+declare const BPMN_POOL_LANE_STACK_LAYOUT: {
+    readonly poolInnerPad: 8;
+    readonly laneGap: 8;
+    readonly minLaneWidth: 240;
+    readonly minLaneHeight: 80;
+    readonly defaultLaneHeight: 120;
+};
 declare function getBpmnDragHandleSelector(elementType: BpmnElementType): string | undefined;
 declare const BPMN_SELECTION_STYLE: {
     readonly nodeOutline: "#2563eb";
@@ -146,6 +195,28 @@ declare function isBpmnProcessNode(type: BpmnElementType): boolean;
 declare function isBpmnDroppableInContainer(type: BpmnElementType): boolean;
 declare function canContainBpmnElement(parentType: BpmnElementType | undefined, childType: BpmnElementType): true | string;
 declare function getBpmnPoolLanes(state: BpmnDiagramState, poolId: string): BpmnRFNode[];
+declare function getBpmnPoolOrientation(pool: BpmnRFNode): "horizontal" | "vertical";
+declare function layoutBpmnPoolLaneNodesPreservingHeights(nodes: BpmnRFNode[], poolId: string): BpmnRFNode[];
+declare function reorderBpmnPoolLaneAfterDropPreservingHeights(nodes: BpmnRFNode[], laneId: string): BpmnRFNode[];
+declare function getAppendedBpmnLaneFrame(nodes: BpmnRFNode[], poolOrId: BpmnRFNode | string): {
+    position: {
+        x: number;
+        y: number;
+    };
+    width: number;
+    height: number;
+    laneIndex: number;
+    orientation: "horizontal" | "vertical";
+} | null;
+declare function getBpmnPoolLaneNodeMaxSize(state: BpmnDiagramState, nodeId: string): {
+    width: number;
+    height: number;
+} | undefined;
+declare function getBpmnPoolLaneNodeMinSize(state: BpmnDiagramState, nodeId: string): {
+    width: number;
+    height: number;
+} | undefined;
+declare function applyBpmnPoolLaneDimensionChange(nodes: BpmnRFNode[], previousNodes: BpmnRFNode[], nodeId: string, width: number, height: number): BpmnRFNode[];
 declare function layoutBpmnPoolLaneNodes(nodes: BpmnRFNode[], poolId: string): BpmnRFNode[];
 declare function reorderBpmnLaneAfterDrop(nodes: BpmnRFNode[], laneId: string): BpmnRFNode[];
 declare function getBpmnNodeSize(node: BpmnRFNode): {
@@ -164,6 +235,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;
@@ -171,6 +243,8 @@ declare function getBpmnNodeCenter(node: BpmnRFNode, absolutePosition: {
     x: number;
     y: number;
 };
+declare function getBoundaryEventAttachment(state: BpmnDiagramState, boundaryNode: BpmnRFNode): BpmnBoundaryAttachment | null;
+declare function getBpmnEdgeLaneContext(state: BpmnDiagramState, edgeOrId: BpmnRFEdge | string): BpmnEdgeLaneContext | undefined;
 declare function getBpmnLaneIndexAtPosition(state: BpmnDiagramState, poolId: string, position: {
     x: number;
     y: number;
@@ -178,6 +252,7 @@ declare function getBpmnLaneIndexAtPosition(state: BpmnDiagramState, poolId: str
 declare function layoutBpmnPoolLanes(state: BpmnDiagramState, poolId: string): BpmnDiagramState;
 declare function reorderBpmnLane(state: BpmnDiagramState, options: ReorderBpmnLaneOptions): BpmnDiagramState;
 declare function validateBpmnConnectionForEdgeType(state: BpmnDiagramState, edgeType: BpmnEdgeType, source: BpmnRFNode, target: BpmnRFNode): true | string;
+declare function resolveBpmnConnection(state: BpmnDiagramState, sourceId: string, targetId: string, requestedType: BpmnEdgeType): BpmnConnectionResolution;
 declare const bpmnConnectionValidators: Array<ConnectionValidator<BpmnRFNode, BpmnRFEdge>>;
 declare const BPMN_MODELING_RULES: ModelingRules<BpmnRFNode, BpmnRFEdge>;
 /**
@@ -285,4 +360,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_POOL_LANE_STACK_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnBoundaryAttachment, type BpmnClipboardState, type BpmnConnectionResolution, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramSnapshot, type BpmnDiagramState, type BpmnDropTargetResolution, type BpmnEdgeLaneContext, 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, applyBpmnPoolLaneDimensionChange, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getAppendedBpmnLaneFrame, getBoundaryEventAttachment, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnEdgeLaneContext, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLaneNodeMaxSize, getBpmnPoolLaneNodeMinSize, getBpmnPoolLanes, getBpmnPoolOrientation, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLaneNodesPreservingHeights, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reorderBpmnPoolLaneAfterDropPreservingHeights, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, resolveBpmnConnection, resolveBpmnDropTarget, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes };

package/dist/modeling/index.d.ts

@@ -1,9 +1,10 @@
 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-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 { c as BpmnEdgeType, b as BpmnEdgeData, f as BpmnElementType, m as BpmnNodeData } from '../types-BYN4Zuee.js';
+import { d as BpmnRFNode, c as BpmnRFEdge } from '../types-DmDODKlh.js';
+export { g as getBpmnElementSize, i as isBpmnElementResizable } from '../catalog-Q1QmKLDD.js';
 import '@xyflow/react';
+import '../types-D7zel9dq.js';
 
 type BpmnDiagramState = DiagramState<BpmnRFNode, BpmnRFEdge>;
 type BpmnClipboardState = ClipboardState<BpmnRFNode, BpmnRFEdge>;
@@ -63,6 +64,45 @@ 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 BpmnEdgeLaneContext {
+    edgeId: string;
+    sourceLaneId?: string | undefined;
+    targetLaneId?: string | undefined;
+    sourcePoolId?: string | undefined;
+    targetPoolId?: string | undefined;
+    sameLane: boolean;
+    samePool: boolean;
+    crossesLanesWithinPool: boolean;
+    crossesPools: boolean;
+}
+type BpmnConnectionResolution = {
+    ok: true;
+    edgeType: BpmnEdgeType;
+} | {
+    ok: false;
+    reason: string;
+};
+interface BpmnBoundaryAttachment {
+    hostId: string;
+    position: {
+        x: number;
+        y: number;
+    };
+}
 interface ResizeBpmnNodeOptions {
     id: string;
     width?: number;
@@ -115,12 +155,21 @@ 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;
 };
+declare const BPMN_POOL_LANE_STACK_LAYOUT: {
+    readonly poolInnerPad: 8;
+    readonly laneGap: 8;
+    readonly minLaneWidth: 240;
+    readonly minLaneHeight: 80;
+    readonly defaultLaneHeight: 120;
+};
 declare function getBpmnDragHandleSelector(elementType: BpmnElementType): string | undefined;
 declare const BPMN_SELECTION_STYLE: {
     readonly nodeOutline: "#2563eb";
@@ -146,6 +195,28 @@ declare function isBpmnProcessNode(type: BpmnElementType): boolean;
 declare function isBpmnDroppableInContainer(type: BpmnElementType): boolean;
 declare function canContainBpmnElement(parentType: BpmnElementType | undefined, childType: BpmnElementType): true | string;
 declare function getBpmnPoolLanes(state: BpmnDiagramState, poolId: string): BpmnRFNode[];
+declare function getBpmnPoolOrientation(pool: BpmnRFNode): "horizontal" | "vertical";
+declare function layoutBpmnPoolLaneNodesPreservingHeights(nodes: BpmnRFNode[], poolId: string): BpmnRFNode[];
+declare function reorderBpmnPoolLaneAfterDropPreservingHeights(nodes: BpmnRFNode[], laneId: string): BpmnRFNode[];
+declare function getAppendedBpmnLaneFrame(nodes: BpmnRFNode[], poolOrId: BpmnRFNode | string): {
+    position: {
+        x: number;
+        y: number;
+    };
+    width: number;
+    height: number;
+    laneIndex: number;
+    orientation: "horizontal" | "vertical";
+} | null;
+declare function getBpmnPoolLaneNodeMaxSize(state: BpmnDiagramState, nodeId: string): {
+    width: number;
+    height: number;
+} | undefined;
+declare function getBpmnPoolLaneNodeMinSize(state: BpmnDiagramState, nodeId: string): {
+    width: number;
+    height: number;
+} | undefined;
+declare function applyBpmnPoolLaneDimensionChange(nodes: BpmnRFNode[], previousNodes: BpmnRFNode[], nodeId: string, width: number, height: number): BpmnRFNode[];
 declare function layoutBpmnPoolLaneNodes(nodes: BpmnRFNode[], poolId: string): BpmnRFNode[];
 declare function reorderBpmnLaneAfterDrop(nodes: BpmnRFNode[], laneId: string): BpmnRFNode[];
 declare function getBpmnNodeSize(node: BpmnRFNode): {
@@ -164,6 +235,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;
@@ -171,6 +243,8 @@ declare function getBpmnNodeCenter(node: BpmnRFNode, absolutePosition: {
     x: number;
     y: number;
 };
+declare function getBoundaryEventAttachment(state: BpmnDiagramState, boundaryNode: BpmnRFNode): BpmnBoundaryAttachment | null;
+declare function getBpmnEdgeLaneContext(state: BpmnDiagramState, edgeOrId: BpmnRFEdge | string): BpmnEdgeLaneContext | undefined;
 declare function getBpmnLaneIndexAtPosition(state: BpmnDiagramState, poolId: string, position: {
     x: number;
     y: number;
@@ -178,6 +252,7 @@ declare function getBpmnLaneIndexAtPosition(state: BpmnDiagramState, poolId: str
 declare function layoutBpmnPoolLanes(state: BpmnDiagramState, poolId: string): BpmnDiagramState;
 declare function reorderBpmnLane(state: BpmnDiagramState, options: ReorderBpmnLaneOptions): BpmnDiagramState;
 declare function validateBpmnConnectionForEdgeType(state: BpmnDiagramState, edgeType: BpmnEdgeType, source: BpmnRFNode, target: BpmnRFNode): true | string;
+declare function resolveBpmnConnection(state: BpmnDiagramState, sourceId: string, targetId: string, requestedType: BpmnEdgeType): BpmnConnectionResolution;
 declare const bpmnConnectionValidators: Array<ConnectionValidator<BpmnRFNode, BpmnRFEdge>>;
 declare const BPMN_MODELING_RULES: ModelingRules<BpmnRFNode, BpmnRFEdge>;
 /**
@@ -285,4 +360,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_POOL_LANE_STACK_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnBoundaryAttachment, type BpmnClipboardState, type BpmnConnectionResolution, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramSnapshot, type BpmnDiagramState, type BpmnDropTargetResolution, type BpmnEdgeLaneContext, 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, applyBpmnPoolLaneDimensionChange, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getAppendedBpmnLaneFrame, getBoundaryEventAttachment, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnEdgeLaneContext, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLaneNodeMaxSize, getBpmnPoolLaneNodeMinSize, getBpmnPoolLanes, getBpmnPoolOrientation, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLaneNodesPreservingHeights, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reorderBpmnPoolLaneAfterDropPreservingHeights, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, resolveBpmnConnection, 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_POOL_LANE_STACK_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, applyBpmnPoolLaneDimensionChange, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, computeBpmnSmartGuides, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnEventBus, createBpmnLayoutCache, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, deserializeBpmnDiagramSnapshot, findBpmnContainerAt, getAppendedBpmnLaneFrame, getBoundaryEventAttachment, getBpmnDragHandleSelector, getBpmnEdgeLabelLayout, getBpmnEdgeLaneContext, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLaneNodeMaxSize, getBpmnPoolLaneNodeMinSize, getBpmnPoolLanes, getBpmnPoolOrientation, getBpmnTabOrder, groupAsBpmnSubProcessCommand, inferBpmnEdgeType, isBpmnDroppableInContainer, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLaneNodesPreservingHeights, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, persistBpmnHistory, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reorderBpmnPoolLaneAfterDropPreservingHeights, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeByHandleCommand, resizeBpmnNodeCommand, resolveBpmnConnection, resolveBpmnDropTarget, restoreBpmnHistory, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnLayoutCache, withBpmnNodeZIndexes } from '../chunk-YAYZW45I.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" } })
       ]
     }
   );