@syncfusion/ej2-angular-diagrams
Version:
Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.
107 lines (106 loc) • 6.8 kB
TypeScript
import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@angular/core';
import { IComponentBase } from '@syncfusion/ej2-angular-base';
import { Diagram } from '@syncfusion/ej2-diagrams';
import { LayersDirective } from './layers.directive';
import { CustomCursorsDirective } from './customcursor.directive';
import { ConnectorsDirective } from './connectors.directive';
import { NodesDirective } from './nodes.directive';
import * as i0 from "@angular/core";
export declare const inputs: string[];
export declare const outputs: string[];
export declare const twoWays: string[];
/**
* Diagram Component
* ```html
* <ej-diagram></ej-diagram>
* ```
*/
export declare class DiagramComponent extends Diagram implements IComponentBase {
private ngEle;
private srenderer;
private viewContainerRef;
private injector;
context: any;
tagObjects: any;
animationComplete: any;
click: any;
collectionChange: any;
commandExecute: any;
connectionChange: any;
contextMenuBeforeItemRender: any;
contextMenuClick: any;
contextMenuOpen: any;
created: any;
dataLoaded: any;
doubleClick: any;
dragEnter: any;
dragLeave: any;
dragOver: any;
drop: any;
elementDraw: any;
expandStateChange: any;
fixedUserHandleClick: any;
historyChange: any;
historyStateChange: any;
keyDown: any;
keyUp: any;
layoutUpdated: any;
load: any;
loaded: any;
mouseEnter: any;
mouseLeave: any;
mouseOver: any;
mouseWheel: any;
onFixedUserHandleMouseDown: any;
onFixedUserHandleMouseEnter: any;
onFixedUserHandleMouseLeave: any;
onFixedUserHandleMouseUp: any;
onImageLoad: any;
onUserHandleMouseDown: any;
onUserHandleMouseEnter: any;
onUserHandleMouseLeave: any;
onUserHandleMouseUp: any;
positionChange: any;
propertyChange: any;
rotateChange: any;
scrollChange: any;
segmentChange: any;
segmentCollectionChange: any;
selectionChange: any;
sizeChange: any;
sourcePointChange: any;
targetPointChange: any;
textEdit: any;
childLayers: QueryList<LayersDirective>;
childCustomCursor: QueryList<CustomCursorsDirective>;
childConnectors: QueryList<ConnectorsDirective>;
childNodes: QueryList<NodesDirective>;
tags: string[];
/**
* Customizes the annotation template
* @default undefined
* @asptype string
*/
annotationTemplate: any;
/**
* Customizes the node template
* @default undefined
* @asptype string
*/
nodeTemplate: any;
/**
* This property represents the template content of a user handle. The user can define any HTML element as a template.
* @default undefined
* @asptype string
*/
userHandleTemplate: any;
constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
ngAfterContentChecked(): void;
registerEvents: (eventList: string[]) => void;
addTwoWay: (propList: string[]) => void;
static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ejs-diagram", never, { "addInfo": "addInfo"; "annotationTemplate": "annotationTemplate"; "backgroundColor": "backgroundColor"; "bridgeDirection": "bridgeDirection"; "commandManager": "commandManager"; "connectorDefaults": "connectorDefaults"; "connectors": "connectors"; "constraints": "constraints"; "contextMenuSettings": "contextMenuSettings"; "customCursor": "customCursor"; "dataSourceSettings": "dataSourceSettings"; "diagramSettings": "diagramSettings"; "drawingObject": "drawingObject"; "enableConnectorSplit": "enableConnectorSplit"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "fixedUserHandleTemplate": "fixedUserHandleTemplate"; "getConnectorDefaults": "getConnectorDefaults"; "getCustomCursor": "getCustomCursor"; "getCustomProperty": "getCustomProperty"; "getCustomTool": "getCustomTool"; "getDescription": "getDescription"; "getNodeDefaults": "getNodeDefaults"; "height": "height"; "historyManager": "historyManager"; "layers": "layers"; "layout": "layout"; "locale": "locale"; "mode": "mode"; "model": "model"; "nodeDefaults": "nodeDefaults"; "nodeTemplate": "nodeTemplate"; "nodes": "nodes"; "pageSettings": "pageSettings"; "rulerSettings": "rulerSettings"; "scrollSettings": "scrollSettings"; "segmentThumbShape": "segmentThumbShape"; "segmentThumbSize": "segmentThumbSize"; "selectedItems": "selectedItems"; "serializationSettings": "serializationSettings"; "setNodeTemplate": "setNodeTemplate"; "snapSettings": "snapSettings"; "tool": "tool"; "tooltip": "tooltip"; "updateSelection": "updateSelection"; "userHandleTemplate": "userHandleTemplate"; "width": "width"; }, { "animationComplete": "animationComplete"; "click": "click"; "collectionChange": "collectionChange"; "commandExecute": "commandExecute"; "connectionChange": "connectionChange"; "contextMenuBeforeItemRender": "contextMenuBeforeItemRender"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataLoaded": "dataLoaded"; "doubleClick": "doubleClick"; "dragEnter": "dragEnter"; "dragLeave": "dragLeave"; "dragOver": "dragOver"; "drop": "drop"; "elementDraw": "elementDraw"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "layoutUpdated": "layoutUpdated"; "load": "load"; "loaded": "loaded"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "mouseWheel": "mouseWheel"; "onFixedUserHandleMouseDown": "onFixedUserHandleMouseDown"; "onFixedUserHandleMouseEnter": "onFixedUserHandleMouseEnter"; "onFixedUserHandleMouseLeave": "onFixedUserHandleMouseLeave"; "onFixedUserHandleMouseUp": "onFixedUserHandleMouseUp"; "onImageLoad": "onImageLoad"; "onUserHandleMouseDown": "onUserHandleMouseDown"; "onUserHandleMouseEnter": "onUserHandleMouseEnter"; "onUserHandleMouseLeave": "onUserHandleMouseLeave"; "onUserHandleMouseUp": "onUserHandleMouseUp"; "positionChange": "positionChange"; "propertyChange": "propertyChange"; "rotateChange": "rotateChange"; "scrollChange": "scrollChange"; "segmentChange": "segmentChange"; "segmentCollectionChange": "segmentCollectionChange"; "selectionChange": "selectionChange"; "sizeChange": "sizeChange"; "sourcePointChange": "sourcePointChange"; "targetPointChange": "targetPointChange"; "textEdit": "textEdit"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
}