ngx-xyflow
Version:
Angular wrapper for the popular xyflow (formerly Reactflow) library
55 lines • 6.43 kB
JavaScript
import { booleanAttribute, Directive, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "./xyflow.component";
export class ControlsDirective {
constructor(xyflow) {
this.xyflow = xyflow;
this.onFitView = new EventEmitter();
this.onInteractiveChange = new EventEmitter();
this.onZoomIn = new EventEmitter();
this.onZoomOut = new EventEmitter();
}
ngOnChanges(changes) {
this.xyflow.ngOnChanges(changes);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsDirective, deps: [{ token: i1.XYFlowComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.12", type: ControlsDirective, selector: "ngx-xyflow>ngx-xyflow-controls", inputs: { "aria-label": "aria-label", children: "children", className: "className", fitViewOptions: "fitViewOptions", orientation: "orientation", position: "position", showFitView: ["showFitView", "showFitView", booleanAttribute], showInteractive: ["showInteractive", "showInteractive", booleanAttribute], showZoom: ["showZoom", "showZoom", booleanAttribute], style: "style" }, outputs: { onFitView: "onFitView", onInteractiveChange: "onInteractiveChange", onZoomIn: "onZoomIn", onZoomOut: "onZoomOut" }, usesOnChanges: true, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ControlsDirective, decorators: [{
type: Directive,
args: [{
selector: 'ngx-xyflow>ngx-xyflow-controls'
}]
}], ctorParameters: () => [{ type: i1.XYFlowComponent }], propDecorators: { 'aria-label': [{
type: Input
}], children: [{
type: Input
}], className: [{
type: Input
}], fitViewOptions: [{
type: Input
}], orientation: [{
type: Input
}], position: [{
type: Input
}], showFitView: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], showInteractive: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], showZoom: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], style: [{
type: Input
}], onFitView: [{
type: Output
}], onInteractiveChange: [{
type: Output
}], onZoomIn: [{
type: Output
}], onZoomOut: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbHMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3h5Zmxvdy9jb250cm9scy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBZ0IsTUFBTSxlQUFlLENBQUM7OztBQU90RyxNQUFNLE9BQU8saUJBQWlCO0lBa0IxQixZQUE2QixNQUF1QjtRQUF2QixXQUFNLEdBQU4sTUFBTSxDQUFpQjtRQUwxQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQXlDLENBQUM7UUFDdEUsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQW1ELENBQUM7UUFDMUYsYUFBUSxHQUFHLElBQUksWUFBWSxFQUF3QyxDQUFDO1FBQ3BFLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBeUMsQ0FBQztJQUV4QixDQUFDO0lBQ3pELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQyxDQUFDOytHQXJCUSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrUUFRTixnQkFBZ0IsMkRBQ2hCLGdCQUFnQixzQ0FDaEIsZ0JBQWdCOzs0RkFWM0IsaUJBQWlCO2tCQUg3QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQ0FBZ0M7aUJBQzdDO29GQUdZLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNrQyxXQUFXO3NCQUFsRCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUNFLGVBQWU7c0JBQXRELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsS0FBSztzQkFBYixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Ym9vbGVhbkF0dHJpYnV0ZSwgRGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFByb3BzIH0gZnJvbSAnQHh5Zmxvdy9yZWFjdCc7XG5pbXBvcnQgeyBYWUZsb3dDb21wb25lbnQgfSBmcm9tICcuL3h5Zmxvdy5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ25neC14eWZsb3c+bmd4LXh5Zmxvdy1jb250cm9scydcbn0pXG5leHBvcnQgY2xhc3MgQ29udHJvbHNEaXJlY3RpdmUgaW1wbGVtZW50cyBPbWl0PENvbnRyb2xQcm9wcywgJ29uRml0VmlldycgfCAnb25JbnRlcmFjdGl2ZUNoYW5nZScgfCAnb25ab29tSW4nIHwgJ29uWm9vbU91dCc+IHtcblxuICAgIEBJbnB1dCgpICdhcmlhLWxhYmVsJzogQ29udHJvbFByb3BzWydhcmlhLWxhYmVsJ107XG4gICAgQElucHV0KCkgY2hpbGRyZW46IENvbnRyb2xQcm9wc1snY2hpbGRyZW4nXTtcbiAgICBASW5wdXQoKSBjbGFzc05hbWU6IENvbnRyb2xQcm9wc1snY2xhc3NOYW1lJ107XG4gICAgQElucHV0KCkgZml0Vmlld09wdGlvbnM6IENvbnRyb2xQcm9wc1snZml0Vmlld09wdGlvbnMnXTtcbiAgICBASW5wdXQoKSBvcmllbnRhdGlvbjogQ29udHJvbFByb3BzWydvcmllbnRhdGlvbiddO1xuICAgIEBJbnB1dCgpIHBvc2l0aW9uOiBDb250cm9sUHJvcHNbJ3Bvc2l0aW9uJ107XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHNob3dGaXRWaWV3OiBDb250cm9sUHJvcHNbJ3Nob3dGaXRWaWV3J107XG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHNob3dJbnRlcmFjdGl2ZTogQ29udHJvbFByb3BzWydzaG93SW50ZXJhY3RpdmUnXTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgc2hvd1pvb206IENvbnRyb2xQcm9wc1snc2hvd1pvb20nXTtcbiAgICBASW5wdXQoKSBzdHlsZTogQ29udHJvbFByb3BzWydzdHlsZSddO1xuXG4gICAgQE91dHB1dCgpIG9uRml0VmlldyA9IG5ldyBFdmVudEVtaXR0ZXI8UGFyYW1ldGVyczxDb250cm9sUHJvcHNbJ29uRml0VmlldyddPj4oKTtcbiAgICBAT3V0cHV0KCkgb25JbnRlcmFjdGl2ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFyYW1ldGVyczxDb250cm9sUHJvcHNbJ29uSW50ZXJhY3RpdmVDaGFuZ2UnXT4+KCk7XG4gICAgQE91dHB1dCgpIG9uWm9vbUluID0gbmV3IEV2ZW50RW1pdHRlcjxQYXJhbWV0ZXJzPENvbnRyb2xQcm9wc1snb25ab29tSW4nXT4+KCk7XG4gICAgQE91dHB1dCgpIG9uWm9vbU91dCA9IG5ldyBFdmVudEVtaXR0ZXI8UGFyYW1ldGVyczxDb250cm9sUHJvcHNbJ29uWm9vbU91dCddPj4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgeHlmbG93OiBYWUZsb3dDb21wb25lbnQpIHsgfVxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAgICAgdGhpcy54eWZsb3cubmdPbkNoYW5nZXMoY2hhbmdlcyk7XG4gICAgfVxufVxuIl19