@projectstorm/react-diagrams-core/dist/states/DefaultDiagramState.js

This workspace houses the default models

import { SelectingState, State, Action, InputType, DragCanvasState } from '@projectstorm/react-canvas-core';
import { PortModel } from '../entities/port/PortModel';
import { DragNewLinkState } from './DragNewLinkState';
import { DragDiagramItemsState } from './DragDiagramItemsState';
export class DefaultDiagramState extends State {
    constructor() {
        super({
            name: 'default-diagrams'
        });
        this.childStates = [new SelectingState()];
        this.dragCanvas = new DragCanvasState();
        this.dragNewLink = new DragNewLinkState();
        this.dragItems = new DragDiagramItemsState();
        // determine what was clicked on
        this.registerAction(new Action({
            type: InputType.MOUSE_DOWN,
            fire: (event) => {
                const element = this.engine.getActionEventBus().getModelForEvent(event);
                // the canvas was clicked on, transition to the dragging canvas state
                if (!element) {
                    this.transitionWithEvent(this.dragCanvas, event);
                }
                // initiate dragging a new link
                else if (element instanceof PortModel) {
                    this.transitionWithEvent(this.dragNewLink, event);
                }
                // move the items (and potentially link points)
                else {
                    this.transitionWithEvent(this.dragItems, event);
                }
            }
        }));
        // touch drags the canvas
        this.registerAction(new Action({
            type: InputType.TOUCH_START,
            fire: (event) => {
                this.transitionWithEvent(this.dragCanvas, event);
            }
        }));
    }
}
//# sourceMappingURL=DefaultDiagramState.js.map