cytoscape-angular
Version:
Angular 12+ components for cytoscape charting.
56 lines • 3.07 kB
TypeScript
import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
import { CytoscapeOptions, EdgeDefinition, LayoutOptions, NodeDefinition, Position, SelectionType, Stylesheet } from 'cytoscape';
import * as i0 from "@angular/core";
/**
* The API is a little odd to provide flexibility.
* EITHER bind to cyOptions (type CytoscapeOptions), to control the options yourself
* OR this component will build a CytoscapeOptions internally by using all the other inputs.
* If cyOptions is supplied, all other inputs are ignored.
* The cyOptions container (HTML element) is always ignored and set internally.
*/
export declare class CytoscapeGraphComponent implements OnChanges {
cyGraph: ElementRef;
debug: boolean;
nodes: NodeDefinition[];
edges: EdgeDefinition[];
autolock: boolean;
autoungrabify: boolean;
autounselectify: boolean;
boxSelectionEnabled: boolean;
desktopTapThreshold: number;
hideEdgesOnViewport: boolean;
hideLabelsOnViewport: boolean;
layoutOptions: LayoutOptions;
maxZoom: number;
minZoom: number;
motionBlur: boolean;
motionBlurOpacity: number;
pan: Position;
panningEnabled: boolean;
pixelRatio: number | 'auto';
selectionType: SelectionType;
style: Stylesheet[];
styleEnabled: boolean;
textureOnViewport: boolean;
touchTapThreshold: number;
userPanningEnabled: boolean;
userZoomingEnabled: boolean;
wheelSensitivity: number;
zoom: 1;
zoomingEnabled: boolean;
showToolbar: boolean;
cyOptions: CytoscapeOptions;
private cy;
loading: boolean;
constructor();
ngOnChanges(changes: SimpleChanges): any;
centerElements(selector: any): void;
zoomToElement(selector: string, level?: number): void;
render(): void;
runWhileLoading(f: Function): void;
private updateStyles;
rerender(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<CytoscapeGraphComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CytoscapeGraphComponent, "cytoscape-graph", never, { "debug": "debug"; "nodes": "nodes"; "edges": "edges"; "autolock": "autolock"; "autoungrabify": "autoungrabify"; "autounselectify": "autounselectify"; "boxSelectionEnabled": "boxSelectionEnabled"; "desktopTapThreshold": "desktopTapThreshold"; "hideEdgesOnViewport": "hideEdgesOnViewport"; "hideLabelsOnViewport": "hideLabelsOnViewport"; "layoutOptions": "layoutOptions"; "maxZoom": "maxZoom"; "minZoom": "minZoom"; "motionBlur": "motionBlur"; "motionBlurOpacity": "motionBlurOpacity"; "pan": "pan"; "panningEnabled": "panningEnabled"; "pixelRatio": "pixelRatio"; "selectionType": "selectionType"; "style": "style"; "styleEnabled": "styleEnabled"; "textureOnViewport": "textureOnViewport"; "touchTapThreshold": "touchTapThreshold"; "userPanningEnabled": "userPanningEnabled"; "userZoomingEnabled": "userZoomingEnabled"; "wheelSensitivity": "wheelSensitivity"; "zoom": "zoom"; "zoomingEnabled": "zoomingEnabled"; "showToolbar": "showToolbar"; }, {}, never, never>;
}
//# sourceMappingURL=cytoscape-graph.component.d.ts.map