@focus.matters/diagrams 0.0.9 → 0.1.0

package/dist/{Diagrams → src/Diagrams}/components/Canvas.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+/** Renders the interactive diagram surface and coordinates application pointer state. */
 export declare const Canvas: (({ children }: {
     children?: ReactNode;
 }) => import("react").JSX.Element) & {

package/dist/src/Diagrams/components/extensions/RenderDiagramExtensions.d.ts

@@ -0,0 +1,4 @@
+/** Renders every diagram-aware visual layer contributed by registered extensions. */
+export declare const RenderDiagramExtensions: (() => (import("react").JSX.Element | null)[]) & {
+    displayName: string;
+};

package/dist/src/Diagrams/components/extensions/RenderUIExtensions.d.ts

@@ -0,0 +1,4 @@
+/** Renders every fixed user-interface layer contributed by registered extensions. */
+export declare const RenderUIExtensions: (() => import("react").JSX.Element) & {
+    displayName: string;
+};

package/dist/{Diagrams → src/Diagrams}/components/extra/AlignmentSuggestions.d.ts

@@ -1,3 +1,4 @@
+/** Renders transient alignment guides produced by drag and resize interactions. */
 export declare const AlignmentSuggestions: (() => import("react").JSX.Element) & {
     displayName: string;
 };

package/dist/{Diagrams → src/Diagrams}/components/extra/GatewayRender.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { Gateway } from '../../store/elements/Gateway';
+/** Renders one interactive gateway while preserving its owning node's hover state. */
 export declare const GatewayRender: ({ gateway, }: {
     gateway: Gateway;
 }) => ReactElement;

package/dist/src/Diagrams/components/extra/NodeGatewayRender.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { Node } from '../../store/elements/Node';
+/** Renders an invisible perimeter hit target for nodes using edges as gateways. */
+export declare const NodeGatewayRender: ((props: {
+    node: Node<any>;
+}) => ReactElement);

package/dist/src/Diagrams/components/objects/CustomRenderers.d.ts

@@ -0,0 +1,4 @@
+/** Renders every node-owned overlay inside the CSS-scaled canvas surface. */
+export declare const RenderNodeOverlays: (() => import("react").JSX.Element) & {
+    displayName: string;
+};

package/dist/src/Diagrams/components/objects/EdgeLabels.d.ts

@@ -0,0 +1,7 @@
+import { Edge } from '../../store/elements/Edge';
+/** Renders every edge label in the unscaled screen layer for crisp zoomed text. */
+export declare const EdgeLabels: (({ edge }: {
+    edge: Edge;
+}) => import("react").JSX.Element[]) & {
+    displayName: string;
+};

package/dist/{Diagrams → src/Diagrams}/components/objects/RenderEdge/EdgeMarker.d.ts

@@ -8,5 +8,6 @@ interface EdgeMarkerProps {
     arrowSize: number;
     flip?: boolean;
 }
+/** Renders one reusable SVG endpoint marker with route-relative orientation. */
 export declare const EdgeMarker: React.FC<EdgeMarkerProps>;
 export {};

package/dist/src/Diagrams/components/objects/RenderEdge/buildEdgePath.d.ts

@@ -0,0 +1,5 @@
+import { Edge } from '../../../store/elements/Edge';
+import { EdgePathType } from '../../../store/types';
+import { Coordinates } from '../../../store/primitives/Coordinates';
+/** Builds the SVG path matching an edge's straight, curved, or orthogonal mode. */
+export declare function buildEdgePath(points: Coordinates[], edge?: Edge, pathType?: EdgePathType): string;

package/dist/{Diagrams → src/Diagrams}/components/objects/RenderEdge/debugEdges.d.ts

@@ -1,14 +1,14 @@
 import { Edge } from '../../../store/elements/Edge';
 import { Midpoint } from './types';
 type DebugClickTarget = {
-    type: 'edge';
+    type: "edge";
 } | {
-    type: 'drag-point';
+    type: "drag-point";
     midpoint: Midpoint;
     renderedIndex: number;
 } | {
-    type: 'endpoint';
-    endpoint: 'from' | 'to';
+    type: "endpoint";
+    endpoint: "from" | "to";
 };
 export declare function copyEdgeDebugToClipboard(edge: Edge | undefined, target: DebugClickTarget): void;
 export {};

package/dist/{Diagrams → src/Diagrams}/components/objects/RenderEdge/index.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
 import { RenderEdgeProps } from './types';
 export type * from './types';
+/** Renders an interactive routed edge with markers, editable label, and handles. */
 export declare const RenderEdge: React.FC<RenderEdgeProps>;

package/dist/{Diagrams → src/Diagrams}/components/objects/RenderEdge/types.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Coordinates } from '../../../store/primitives/Coordinates';
-import { EdgeArrowHead, EdgeLineStyle } from '../../../store/types';
+import { EdgeArrowHead, EdgeLineStyle, EdgePathType } from '../../../store/types';
 import { EdgePoint } from '../../../store/elements/EdgePoint';
 import { Edge } from '../../../store/elements/Edge';
 import { AnyMouseEvent } from '../../../store/elements/Events';
@@ -16,9 +16,10 @@ export interface RenderEdgeProps {
     startType?: EdgeArrowHead;
     endType?: EdgeArrowHead;
     lineStyle?: EdgeLineStyle;
+    pathType?: EdgePathType;
     draggable?: boolean;
     onMidpointMouseDown?: (p: Midpoint, ev: React.MouseEvent) => void;
-    onEndpointMouseDown?: (endpoint: 'from' | 'to', ev: React.MouseEvent) => void;
+    onEndpointMouseDown?: (endpoint: "from" | "to", ev: React.MouseEvent) => void;
 }
 export declare class Midpoint extends Coordinates {
     id: string;

package/dist/src/Diagrams/components/objects/ScreenRenderers.d.ts

@@ -0,0 +1,4 @@
+/** Renders node-owned screen content outside the transformed canvas surface. */
+export declare const RenderNodeScreens: (() => import("react").JSX.Element) & {
+    displayName: string;
+};

package/dist/{Diagrams → src/Diagrams}/components/objects/Shape.d.ts

@@ -3,8 +3,8 @@ import { Coordinates } from '../../store/primitives/Coordinates';
 /**
  * Estilo del borde: sólido, rayado o punteado.
  */
-export type StrokeStyle = 'solid' | 'dashed' | 'dotted';
-export type ArrowPosition = 'start' | 'end' | 'both';
+export type StrokeStyle = "solid" | "dashed" | "dotted";
+export type ArrowPosition = "start" | "end" | "both";
 export interface ArrowSpec {
     position?: ArrowPosition;
     size?: number;
@@ -41,7 +41,7 @@ export interface ShapeProps extends SVGProps<SVGGElement> {
     labelFontFamily?: string;
     labelOffset?: Coordinates;
     onMouseDown?: MouseEventHandler<SVGGElement>;
-    'data-id'?: string;
+    "data-id"?: string;
     children?: ReactNode;
 }
 declare const UnobservedShape: React.ForwardRefExoticComponent<Omit<ShapeProps, "ref"> & React.RefAttributes<any>>;

package/dist/src/Diagrams/components/objects/Shapes.d.ts

@@ -0,0 +1,2 @@
+/** Returns the scalable diagram layers used for nodes, edges, and custom overlays. */
+export declare function shapes(): import("react").JSX.Element[];

package/dist/{Diagrams → src/Diagrams}/components/objects/customRendererProps.d.ts

@@ -2,6 +2,6 @@ import { Node } from '../../store/elements/Node';
 type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<any>, any> & {
     [key: `data-${string}`]: string | number | boolean | undefined;
 };
-export declare function customRendererStyles(node: Node<any>): React.DetailedHTMLProps<React.HTMLAttributes<any>, any>['style'];
+export declare function customRendererStyles(node: Node<any>): React.DetailedHTMLProps<React.HTMLAttributes<any>, any>["style"];
 export declare function customRendererProps(node: Node<any>): DivProps;
 export {};

package/dist/src/Diagrams/components/objects/edgeLabelPlacement.d.ts

@@ -0,0 +1,4 @@
+import { Edge } from '../../store/elements/Edge';
+import { Coordinates } from '../../store/primitives/Coordinates';
+/** Places a new label beside the clicked route segment instead of over its stroke. */
+export declare function positionEdgeLabelBesideRoute(edge: Edge, clicked: Coordinates, clearance?: number): Coordinates;

package/dist/src/Diagrams/components/objects/screenRendererProps.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+import { Node } from '../../store/elements/Node';
+import { Dimensions } from '../../store/primitives/Dimensions';
+type ScreenStyle = CSSProperties & {
+    "--screen-renderer-x": string;
+    "--screen-renderer-y": string;
+    "--screen-renderer-width": string;
+    "--screen-renderer-height": string;
+    "--screen-renderer-z-index": number;
+    "--screen-label-font-size"?: string;
+};
+type ScreenProps = HTMLAttributes<HTMLElement> & {
+    [key: `data-${string}`]: string | number | boolean | undefined;
+    style: ScreenStyle;
+};
+/** Builds stable world-coordinate properties for a screen-projected renderer. */
+export declare function screenRendererProps(node: Node, box: Dimensions): ScreenProps;
+export {};

package/dist/{Diagrams → src/Diagrams}/custom/agent/edges/AgentEdge.d.ts

@@ -5,7 +5,7 @@ import { AgentEdgeKind } from '../types';
 type AgentEdgeState = Partial<TEdgeState> & {
     kind?: AgentEdgeKind;
 };
-type AgentSerializedEdge = ReturnType<Edge['serialize']> & {
+type AgentSerializedEdge = ReturnType<Edge["serialize"]> & {
     kind?: AgentEdgeKind;
 };
 export declare class AgentEdge extends Edge {
@@ -19,7 +19,25 @@ export declare class AgentEdge extends Edge {
         displacementEnd: [number, number] | undefined;
         displacementStart: [number, number] | undefined;
         lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
-        pathType: import('../../../store/types').EdgePathType | undefined;
+        labels: {
+            alignment: "right" | "left" | "center";
+            id: string;
+            size: {
+                height: number;
+                width: number;
+            };
+            text: string;
+            position: [number, number];
+        }[];
+        pathType: import('../../../store/types').EdgePathType;
+        startAnchor: {
+            mode: import('../../../store/types').EdgeAnchorMode;
+            position: [number, number] | undefined;
+        };
+        endAnchor: {
+            mode: import('../../../store/types').EdgeAnchorMode;
+            position: [number, number] | undefined;
+        };
         steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
         stroke: string | undefined;
         strokeWidth: number | undefined;

package/dist/{Diagrams → src/Diagrams}/custom/agent/nodes/ActionNode.d.ts

@@ -8,7 +8,7 @@ export declare class ActionNode extends AgentNode<ActionPayload> {
         payload?: Partial<ActionPayload>;
     });
     protected defaultPayload(): ActionPayload;
-    protected Render: (() => import("react").JSX.Element) & {
+    RenderOverlay: (() => import("react").JSX.Element) & {
         displayName: string;
     };
 }

package/dist/{Diagrams → src/Diagrams}/custom/agent/nodes/AgentNode.d.ts

@@ -36,7 +36,25 @@ export declare abstract class AgentNode<TPayload> extends EditableNode {
                 displacementEnd: [number, number] | undefined;
                 displacementStart: [number, number] | undefined;
                 lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
-                pathType: import('../../../store/types').EdgePathType | undefined;
+                labels: {
+                    alignment: "right" | "left" | "center";
+                    id: string;
+                    size: {
+                        height: number;
+                        width: number;
+                    };
+                    text: string;
+                    position: [number, number];
+                }[];
+                pathType: import('../../../store/types').EdgePathType;
+                startAnchor: {
+                    mode: import('../../../store/types').EdgeAnchorMode;
+                    position: [number, number] | undefined;
+                };
+                endAnchor: {
+                    mode: import('../../../store/types').EdgeAnchorMode;
+                    position: [number, number] | undefined;
+                };
                 steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
                 stroke: string | undefined;
                 strokeWidth: number | undefined;
@@ -48,11 +66,12 @@ export declare abstract class AgentNode<TPayload> extends EditableNode {
         }[];
         fill: string | undefined;
         labelFontSize: number | undefined;
+        labelOffset: [number, number] | undefined;
         stroke: string | undefined;
         strokewWidth: number | undefined;
         class: string;
     };
-    deserialize(o: ReturnType<(typeof this)['serialize']>): void;
+    deserialize(o: ReturnType<(typeof this)["serialize"]>): void;
 }
 export declare function isAgentNode(node: unknown): node is AgentNode<unknown>;
 export {};

package/dist/{Diagrams → src/Diagrams}/custom/agent/nodes/ConditionNode.d.ts

@@ -8,7 +8,7 @@ export declare class ConditionNode extends AgentNode<ConditionPayload> {
         payload?: Partial<ConditionPayload>;
     });
     protected defaultPayload(): ConditionPayload;
-    protected Render: (() => import("react").JSX.Element) & {
+    RenderOverlay: (() => import("react").JSX.Element) & {
         displayName: string;
     };
 }

package/dist/{Diagrams → src/Diagrams}/custom/agent/nodes/OutcomeNode.d.ts

@@ -8,7 +8,7 @@ export declare class OutcomeNode extends AgentNode<OutcomePayload> {
         payload?: Partial<OutcomePayload>;
     });
     protected defaultPayload(): OutcomePayload;
-    protected Render: (() => import("react").JSX.Element) & {
+    RenderOverlay: (() => import("react").JSX.Element) & {
         displayName: string;
     };
 }

package/dist/{Diagrams → src/Diagrams}/custom/agent/nodes/TriggerNode.d.ts

@@ -8,7 +8,7 @@ export declare class TriggerNode extends AgentNode<TriggerPayload> {
         payload?: Partial<TriggerPayload>;
     });
     protected defaultPayload(): TriggerPayload;
-    protected Render: (() => import("react").JSX.Element) & {
+    RenderOverlay: (() => import("react").JSX.Element) & {
         displayName: string;
     };
 }

package/dist/{Diagrams → src/Diagrams}/custom/agent/types.d.ts

@@ -1,16 +1,16 @@
 import { TOrientation } from '../../store/types';
-export type AgentNodeKind = 'trigger' | 'action' | 'condition' | 'outcome';
-export type AgentEdgeKind = 'default' | 'condition-true' | 'condition-false' | 'trigger';
+export type AgentNodeKind = "trigger" | "action" | "condition" | "outcome";
+export type AgentEdgeKind = "default" | "condition-true" | "condition-false" | "trigger";
 export type AgentMetadata = Record<string, string | number | boolean>;
 export type TriggerPayload = {
-    triggerType: 'manual' | 'event' | 'schedule';
+    triggerType: "manual" | "event" | "schedule";
     source: string;
     eventName: string;
     schedule: string;
     metadata?: AgentMetadata;
 };
 export type ActionPayload = {
-    actionType: 'task' | 'api' | 'notification' | 'human';
+    actionType: "task" | "api" | "notification" | "human";
     operation: string;
     inputRef: string;
     outputRef: string;
@@ -18,13 +18,13 @@ export type ActionPayload = {
 };
 export type ConditionPayload = {
     expression: string;
-    language: 'rule' | 'javascript' | 'jsonpath';
+    language: "rule" | "javascript" | "jsonpath";
     trueLabel: string;
     falseLabel: string;
     metadata?: AgentMetadata;
 };
 export type OutcomePayload = {
-    status: 'success' | 'failure' | 'neutral';
+    status: "success" | "failure" | "neutral";
     code: string;
     summary: string;
     metadata?: AgentMetadata;

package/dist/src/Diagrams/custom/bpmn/BPMDiagram.d.ts

@@ -0,0 +1,14 @@
+import { TDiagramSettings } from '../../store/Diagram';
+import { EditableDiagram } from '../editable/EditableDiagram';
+import { BPMNLabelOverrides, BPMNLabels } from './config/BPMNLabels';
+export type BPMDiagramSettings = TDiagramSettings & {
+    labels?: BPMNLabelOverrides;
+};
+/** Configures the editable diagram with all supported BPMN nodes and extensions. */
+export declare class BPMDiagram extends EditableDiagram {
+    constructor(settings?: BPMDiagramSettings);
+    /** Exposes the isolated complete labels currently used by this BPMN diagram. */
+    get bpmnLabels(): BPMNLabels;
+    /** Replaces selected labels for this diagram while preserving prior overrides. */
+    configureLabels(overrides: BPMNLabelOverrides): void;
+}

package/dist/src/Diagrams/custom/bpmn/bpmnEvents.d.ts

@@ -0,0 +1,4 @@
+import { DChangeEvent } from '../../store/elements/Events';
+/** Records BPMN lane mutations so history can undo and redo each completed gesture. */
+export declare class BPMNLaneChangeEvent extends DChangeEvent {
+}

package/dist/src/Diagrams/custom/bpmn/config/BPMNElementCatalog.d.ts

@@ -0,0 +1,26 @@
+import { Node } from '../../../store/elements/Node';
+import { BPMNIconId } from '../ui/BPMNIcon';
+export type BPMNElementFamily = "task" | "event" | "gateway" | "lane" | "data" | "artifact";
+export type BPMNElementId = Exclude<BPMNIconId, "transform" | "connect" | "settings">;
+export type BPMNElementDefinition = {
+    id: BPMNElementId;
+    family: BPMNElementFamily;
+    section: "activities" | "events" | "gateways" | "support";
+    priority: number;
+    enabled: boolean;
+    connectable: boolean;
+};
+export declare const BPMN_ELEMENTS: readonly BPMNElementDefinition[];
+/** Provides the shared BPMN element registry, construction, and type mutation API. */
+export declare class BPMNElementCatalog {
+    /** Returns enabled definitions in configured priority and declaration order. */
+    static enabled(): BPMNElementDefinition[];
+    /** Resolves the stable catalog definition represented by a concrete diagram node. */
+    static forNode(node: Node): BPMNElementDefinition | undefined;
+    /** Resolves the stable catalog identifier represented by a concrete diagram node. */
+    static idForNode(node: Node): BPMNElementId | undefined;
+    /** Creates an unmounted node for the requested catalog element identifier. */
+    static create(id: BPMNElementId, nodeId: string, label: string): Node;
+    /** Mutates a node to another enabled variant in the same semantic family. */
+    static transform(node: Node, targetId: BPMNElementId): boolean;
+}

package/dist/src/Diagrams/custom/bpmn/config/BPMNLabels.d.ts

@@ -0,0 +1,27 @@
+export type BPMNLabels = {
+    sections: Record<"activities" | "events" | "gateways" | "support", string>;
+    elements: Record<string, string>;
+    eventOptions: Record<"none" | "start" | "intermediate" | "end" | "catch" | "throw", string>;
+    actions: Record<"transform" | "connect" | "settings" | "close" | "delete" | "reverseDirection" | "resize" | "resizeElement", string>;
+    properties: Record<"title" | "name" | "type" | "condition" | "defaultFlow" | "directed" | "edgeType" | "routingType" | "eventType" | "eventStage" | "eventDirection" | "interrupting" | "subprocessStart" | "eventSubprocessStartType" | "loop" | "multiInstance", string>;
+    edges: Record<string, string>;
+    routing: Record<"orthogonal" | "straight" | "curved", string>;
+    inputs: Record<"blackBoxPoolName" | "documentAnnotationText" | "elementSearch" | "laneName", string>;
+    resizeDirections: Record<"n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw", string>;
+    lanes: Record<"defaultLane" | "pool" | "rename" | "insertBefore" | "subdivide" | "removeSubdivision" | "removeLane" | "insertAfter", string>;
+};
+export type BPMNLabelOverrides = {
+    sections?: Partial<BPMNLabels["sections"]>;
+    elements?: Record<string, string>;
+    eventOptions?: Partial<BPMNLabels["eventOptions"]>;
+    actions?: Partial<BPMNLabels["actions"]>;
+    properties?: Partial<BPMNLabels["properties"]>;
+    edges?: Record<string, string>;
+    routing?: Partial<BPMNLabels["routing"]>;
+    inputs?: Partial<BPMNLabels["inputs"]>;
+    resizeDirections?: Partial<BPMNLabels["resizeDirections"]>;
+    lanes?: Partial<BPMNLabels["lanes"]>;
+};
+export declare const BPMN_LABELS: BPMNLabels;
+/** Creates an isolated complete label object without mutating shared defaults. */
+export declare function configureBPMNLabels(overrides?: BPMNLabelOverrides, base?: BPMNLabels): BPMNLabels;

package/dist/src/Diagrams/custom/bpmn/edges/BPMNEdge.d.ts

@@ -0,0 +1,77 @@
+import { Edge } from '../../../store/elements/Edge';
+import { EdgeRouterAnchor } from '../../../store/routers/EdgesRouter';
+import { TEdgeState } from '../../../store/types';
+export type BPMNEdgeKind = "sequenceFlow" | "messageFlow" | "inputDataAssociation" | "outputDataAssociation" | "association";
+type BPMNEdgeState = TEdgeState & {
+    kind?: BPMNEdgeKind;
+    condition?: string;
+    isDefault?: boolean;
+    isDirected?: boolean;
+};
+/** Stores BPMN connection semantics independently from generic edge routing. */
+export declare class BPMNEdge extends Edge {
+    kind: BPMNEdgeKind;
+    condition: string;
+    private defaultFlow;
+    private directedFlow;
+    get isDefault(): boolean;
+    get isDirected(): boolean;
+    /** Reports whether this BPMN connection exposes an editable direction marker. */
+    get supportsDirection(): boolean;
+    get supportsDefaultFlow(): boolean;
+    constructor(parent: ConstructorParameters<typeof Edge>[0], state: BPMNEdgeState);
+    /** Infers the legal BPMN connection type for two concrete endpoint nodes. */
+    static inferKind(from: unknown, to: unknown): BPMNEdgeKind | null;
+    /** Updates connection semantics and reapplies the standard BPMN edge styling. */
+    setKind(kind: BPMNEdgeKind): void;
+    /** Applies a legal default marker and clears every sibling default branch. */
+    setDefault(isDefault: boolean): boolean;
+    /** Toggles the target marker for every BPMN connection supporting direction. */
+    setDirected(isDirected: boolean): boolean;
+    /** Revalidates default-flow legality after either endpoint is reconnected. */
+    applyResolvedAnchors(start: EdgeRouterAnchor, end: EdgeRouterAnchor): void;
+    /** Reverses both BPMN endpoints while preserving the complete routed path geometry. */
+    reverseDirection(): void;
+    private clearOtherDefaultFlows;
+    private applyStyle;
+    /** Serializes BPMN-specific properties in addition to generic routed edge state. */
+    serialize(): {
+        kind: BPMNEdgeKind;
+        condition: string;
+        isDefault: boolean;
+        isDirected: boolean;
+        arrowHeadEnd: import('../../../store/types').EdgeArrowHead | undefined;
+        arrowHeadStart: import('../../../store/types').EdgeArrowHead | undefined;
+        displacementEnd: [number, number] | undefined;
+        displacementStart: [number, number] | undefined;
+        lineStyle: import('../../../store/types').EdgeLineStyle | undefined;
+        labels: {
+            alignment: "right" | "left" | "center";
+            id: string;
+            size: {
+                height: number;
+                width: number;
+            };
+            text: string;
+            position: [number, number];
+        }[];
+        pathType: import('../../../store/types').EdgePathType;
+        startAnchor: {
+            mode: import('../../../store/types').EdgeAnchorMode;
+            position: [number, number] | undefined;
+        };
+        endAnchor: {
+            mode: import('../../../store/types').EdgeAnchorMode;
+            position: [number, number] | undefined;
+        };
+        steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
+        stroke: string | undefined;
+        strokeWidth: number | undefined;
+        to: string;
+        toParentId: string;
+        class: string;
+    };
+    /** Restores the required current BPMN edge contract without legacy fallbacks. */
+    deserialize(o: ReturnType<this["serialize"]>): void;
+}
+export {};

package/dist/src/Diagrams/custom/bpmn/extensions/BPMNArtifactTransformer.d.ts

@@ -0,0 +1,5 @@
+import { Diagram } from '../../../store/Diagram';
+import { Node } from '../../../store/elements/Node';
+import { BPMNElementId } from '../config/BPMNElementCatalog';
+/** Replaces an annotation node while retaining its identity, state, and connected edges. */
+export declare function transformBPMNArtifact(diagram: Diagram, node: Node, targetId: BPMNElementId): Node | null;

package/dist/src/Diagrams/custom/bpmn/extensions/BPMNEventAttachments.d.ts

@@ -0,0 +1,19 @@
+import { DiagramExtension } from '../../../store/extensions/DiagramExtension';
+/** Constrains attached and subprocess-start events throughout their lifecycle. */
+export declare class BPMNEventAttachments extends DiagramExtension {
+    private draggedEventIds;
+    /** Registers attachment projection after generic alignment and grid constraints. */
+    init(): void;
+    private attachedEvents;
+    private subprocessEvents;
+    private handleDrag;
+    private clearDropPresentations;
+    private presentDropTarget;
+    private findInternalDropTarget;
+    private findAttachmentDropTarget;
+    private constrainAttachedEvent;
+    private constrainSubprocessEvent;
+    private moveAttachedEvents;
+    private finishEventDrags;
+    private findDropTask;
+}

package/dist/src/Diagrams/custom/bpmn/extensions/BPMNGridSnap.d.ts

@@ -0,0 +1,23 @@
+import { DiagramExtension } from '../../../store/extensions/DiagramExtension';
+import { Lanes } from '../nodes/Lanes';
+type TBPMNResize = {
+    width: number;
+} | {
+    laneId: string;
+    height: number;
+};
+/**
+ * Applies BPMN-specific node positioning and lane resizing constraints to the grid.
+ */
+export declare class BPMNGridSnap extends DiagramExtension {
+    /** Initializes the extension, whose resize constraints are invoked by BPMN tools. */
+    init(): void;
+    private snapOneGridNodes;
+    /** Applies minimum sizes and optional grid snapping to a BPMN lane resize. */
+    resize(lanes: Lanes, resize: TBPMNResize): boolean;
+    private snapGrowingEdge;
+    private constrain;
+    private getLaneSuggestions;
+    private getHorizontalLaneSuggestions;
+}
+export {};

package/dist/src/Diagrams/custom/bpmn/extensions/BPMNLaneResizer.d.ts

@@ -0,0 +1,20 @@
+import { DiagramExtension } from '../../../store/extensions/DiagramExtension';
+import { Lanes } from '../nodes/Lanes';
+/**
+ * Owns BPMN lane resize sessions, including grid constraints and auto-panning.
+ */
+export declare class BPMNLaneResizer extends DiagramExtension {
+    private readonly autopan;
+    private session;
+    private unbindSession;
+    /** Initializes the imperative extension consumed by the lane screen renderer. */
+    init(): void;
+    /** Starts resizing the complete lane container from its right-side handle. */
+    resizeWidth(lanes: Lanes, event: MouseEvent): void;
+    /** Starts resizing one BPMN lane from its horizontal lower-edge drag handle. */
+    resizeHeight(lanes: Lanes, laneId: string, initialHeight: number, event: MouseEvent): void;
+    private startSession;
+    private handleMouseMove;
+    private handleAutopan;
+    private endSession;
+}