cytoscape-angular-ng17
Version:
Angular 17+ components for cytoscape charting.
58 lines (57 loc) • 4.38 kB
TypeScript
import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
import * as cy from 'cytoscape';
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 | undefined;
debug: boolean;
nodes: NodeDefinition[] | undefined;
edges: EdgeDefinition[] | undefined;
autolock: boolean | undefined;
autoungrabify: boolean | undefined;
autounselectify: boolean | undefined;
boxSelectionEnabled: boolean | undefined;
desktopTapThreshold: number | undefined;
hideEdgesOnViewport: boolean | undefined;
hideLabelsOnViewport: boolean | undefined;
layoutOptions: LayoutOptions | undefined;
maxZoom: number | undefined;
minZoom: number | undefined;
motionBlur: boolean | undefined;
motionBlurOpacity: number | undefined;
pan: Position | undefined;
panningEnabled: boolean | undefined;
pixelRatio: number | 'auto' | undefined;
selectionType: SelectionType | undefined;
style: Stylesheet[] | undefined;
styleEnabled: boolean | undefined;
textureOnViewport: boolean | undefined;
touchTapThreshold: number | undefined;
userPanningEnabled: boolean | undefined;
userZoomingEnabled: boolean | undefined;
wheelSensitivity: number | undefined;
zoom: 1 | undefined;
zoomingEnabled: boolean | undefined;
showToolbar: boolean;
cyOptions: CytoscapeOptions | undefined;
private cy;
loading: boolean;
constructor();
ngOnChanges(changes: SimpleChanges): any;
getCy(): cy.Core;
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": { "alias": "debug"; "required": false; }; "nodes": { "alias": "nodes"; "required": false; }; "edges": { "alias": "edges"; "required": false; }; "autolock": { "alias": "autolock"; "required": false; }; "autoungrabify": { "alias": "autoungrabify"; "required": false; }; "autounselectify": { "alias": "autounselectify"; "required": false; }; "boxSelectionEnabled": { "alias": "boxSelectionEnabled"; "required": false; }; "desktopTapThreshold": { "alias": "desktopTapThreshold"; "required": false; }; "hideEdgesOnViewport": { "alias": "hideEdgesOnViewport"; "required": false; }; "hideLabelsOnViewport": { "alias": "hideLabelsOnViewport"; "required": false; }; "layoutOptions": { "alias": "layoutOptions"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "motionBlur": { "alias": "motionBlur"; "required": false; }; "motionBlurOpacity": { "alias": "motionBlurOpacity"; "required": false; }; "pan": { "alias": "pan"; "required": false; }; "panningEnabled": { "alias": "panningEnabled"; "required": false; }; "pixelRatio": { "alias": "pixelRatio"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleEnabled": { "alias": "styleEnabled"; "required": false; }; "textureOnViewport": { "alias": "textureOnViewport"; "required": false; }; "touchTapThreshold": { "alias": "touchTapThreshold"; "required": false; }; "userPanningEnabled": { "alias": "userPanningEnabled"; "required": false; }; "userZoomingEnabled": { "alias": "userZoomingEnabled"; "required": false; }; "wheelSensitivity": { "alias": "wheelSensitivity"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; "zoomingEnabled": { "alias": "zoomingEnabled"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; }, {}, never, never, false, never>;
}