@bpmnkit/editor 0.0.8

package/dist/state-machine.d.ts

@@ -0,0 +1,174 @@
+import type { RenderedShape, ViewportState } from "@bpmnkit/canvas";
+import type { BpmnBounds } from "@bpmnkit/core";
+import type { CreateShapeType, DiagPoint, HandleDir, HitResult, PortDir, Tool } from "./types.js";
+type SelectSub = {
+    name: "idle";
+    hoveredId: string | null;
+} | {
+    name: "pointing-canvas";
+    origin: DiagPoint;
+    screenX: number;
+    screenY: number;
+} | {
+    name: "rubber-band";
+    origin: DiagPoint;
+    current: DiagPoint;
+} | {
+    name: "pointing-shape";
+    origin: DiagPoint;
+    id: string;
+    screenX: number;
+    screenY: number;
+} | {
+    name: "translating";
+    origin: DiagPoint;
+    last: DiagPoint;
+} | {
+    name: "pointing-handle";
+    origin: DiagPoint;
+    id: string;
+    handle: HandleDir;
+    screenX: number;
+    screenY: number;
+} | {
+    name: "resizing";
+    id: string;
+    handle: HandleDir;
+    original: BpmnBounds;
+    current: DiagPoint;
+} | {
+    name: "pointing-port";
+    origin: DiagPoint;
+    sourceId: string;
+    port: PortDir;
+    screenX: number;
+    screenY: number;
+} | {
+    name: "connecting";
+    sourceId: string;
+    ghostEnd: DiagPoint;
+} | {
+    name: "editing-label";
+    id: string;
+} | {
+    name: "pointing-edge-endpoint";
+    edgeId: string;
+    isStart: boolean;
+    origin: DiagPoint;
+    screenX: number;
+    screenY: number;
+} | {
+    name: "dragging-edge-endpoint";
+    edgeId: string;
+    isStart: boolean;
+    origin: DiagPoint;
+} | {
+    name: "pointing-edge-segment";
+    edgeId: string;
+    segIdx: number;
+    isHoriz: boolean;
+    projPt: DiagPoint;
+    origin: DiagPoint;
+    screenX: number;
+    screenY: number;
+} | {
+    name: "dragging-edge-waypoint-new";
+    edgeId: string;
+    segIdx: number;
+    origin: DiagPoint;
+} | {
+    name: "pointing-edge-waypoint";
+    edgeId: string;
+    wpIdx: number;
+    pt: DiagPoint;
+    screenX: number;
+    screenY: number;
+} | {
+    name: "dragging-edge-waypoint";
+    edgeId: string;
+    wpIdx: number;
+    origin: DiagPoint;
+};
+type SpaceSub = {
+    name: "idle";
+} | {
+    name: "dragging";
+    origin: DiagPoint;
+    last: DiagPoint;
+    axis: "h" | "v" | null;
+};
+export type EditorMode = {
+    mode: "select";
+    sub: SelectSub;
+} | {
+    mode: "create";
+    elementType: CreateShapeType;
+} | {
+    mode: "pan";
+} | {
+    mode: "space";
+    sub: SpaceSub;
+};
+export interface Callbacks {
+    getShapes(): RenderedShape[];
+    getSelectedIds(): string[];
+    getSelectedEdgeId(): string | null;
+    getViewport(): ViewportState;
+    viewportDidPan(): boolean;
+    isResizable(id: string): boolean;
+    lockViewport(lock: boolean): void;
+    setSelection(ids: string[]): void;
+    setEdgeSelected(edgeId: string | null): void;
+    previewTranslate(dx: number, dy: number): void;
+    commitTranslate(dx: number, dy: number): void;
+    cancelTranslate(): void;
+    previewResize(bounds: BpmnBounds): void;
+    commitResize(id: string, bounds: BpmnBounds): void;
+    previewConnect(ghostEnd: DiagPoint): void;
+    cancelConnect(): void;
+    commitConnect(sourceId: string, targetId: string): void;
+    previewRubberBand(origin: DiagPoint, current: DiagPoint): void;
+    cancelRubberBand(): void;
+    commitCreate(type: CreateShapeType, diagPoint: DiagPoint): void;
+    startLabelEdit(id: string): void;
+    setHovered(id: string | null): void;
+    executeDelete(ids: string[]): void;
+    executeCopy(): void;
+    executePaste(): void;
+    setTool(tool: Tool): void;
+    previewEndpointMove(edgeId: string, isStart: boolean, diagPoint: DiagPoint): void;
+    commitEndpointMove(edgeId: string, isStart: boolean, diagPoint: DiagPoint): void;
+    cancelEndpointMove(): void;
+    previewWaypointInsert(edgeId: string, segIdx: number, pt: DiagPoint): void;
+    commitWaypointInsert(edgeId: string, segIdx: number, pt: DiagPoint): void;
+    cancelWaypointInsert(): void;
+    previewWaypointMove(edgeId: string, wpIdx: number, pt: DiagPoint): void;
+    commitWaypointMove(edgeId: string, wpIdx: number, pt: DiagPoint): void;
+    cancelWaypointMove(): void;
+    showEdgeHoverDot(pt: DiagPoint): void;
+    hideEdgeHoverDot(): void;
+    showEdgeWaypointBalls(edgeId: string): void;
+    hideEdgeWaypointBalls(): void;
+    previewSpace(origin: DiagPoint, current: DiagPoint, axis: "h" | "v" | null): void;
+    commitSpace(origin: DiagPoint, current: DiagPoint, axis: "h" | "v" | null): void;
+    cancelSpace(): void;
+}
+/**
+ * Discriminated-union state machine for the BPMN editor.
+ * Receives pointer + keyboard events from the editor and notifies the editor
+ * via injected `Callbacks`.
+ */
+export declare class EditorStateMachine {
+    private readonly _cb;
+    private _mode;
+    constructor(_cb: Callbacks);
+    get mode(): EditorMode;
+    setMode(mode: EditorMode): void;
+    onPointerDown(e: PointerEvent, diag: DiagPoint, hit: HitResult): void;
+    onPointerMove(e: PointerEvent, diag: DiagPoint, hit: HitResult): void;
+    onPointerUp(_e: PointerEvent, diag: DiagPoint, hit: HitResult): void;
+    onDblClick(_e: MouseEvent, _diag: DiagPoint, hit: HitResult): void;
+    onKeyDown(e: KeyboardEvent): void;
+}
+export {};
+//# sourceMappingURL=state-machine.d.ts.map