ngx-xyflow
Version:
Angular wrapper for the popular xyflow (formerly Reactflow) library
52 lines • 5.79 kB
JavaScript
import { 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: "14.0.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", showInteractive: "showInteractive", showZoom: "showZoom", 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
}], showInteractive: [{
type: Input
}], showZoom: [{
type: Input
}], style: [{
type: Input
}], onFitView: [{
type: Output
}], onInteractiveChange: [{
type: Output
}], onZoomIn: [{
type: Output
}], onZoomOut: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbHMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3h5Zmxvdy9jb250cm9scy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBZ0IsTUFBTSxlQUFlLENBQUM7OztBQU9wRixNQUFNLE9BQU8saUJBQWlCO0lBa0IxQixZQUE2QixNQUF1QjtRQUF2QixXQUFNLEdBQU4sTUFBTSxDQUFpQjtRQUwxQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQXlDLENBQUM7UUFDdEUsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQW1ELENBQUM7UUFDMUYsYUFBUSxHQUFHLElBQUksWUFBWSxFQUF3QyxDQUFDO1FBQ3BFLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBeUMsQ0FBQztJQUV4QixDQUFDO0lBQ3pELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQyxDQUFDOytHQXJCUSxpQkFBaUI7bUdBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFIN0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0NBQWdDO2lCQUM3QztvRkFHWSxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sUHJvcHMgfSBmcm9tICdAeHlmbG93L3JlYWN0JztcbmltcG9ydCB7IFhZRmxvd0NvbXBvbmVudCB9IGZyb20gJy4veHlmbG93LmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnbmd4LXh5Zmxvdz5uZ3gteHlmbG93LWNvbnRyb2xzJ1xufSlcbmV4cG9ydCBjbGFzcyBDb250cm9sc0RpcmVjdGl2ZSBpbXBsZW1lbnRzIE9taXQ8Q29udHJvbFByb3BzLCAnb25GaXRWaWV3JyB8ICdvbkludGVyYWN0aXZlQ2hhbmdlJyB8ICdvblpvb21JbicgfCAnb25ab29tT3V0Jz4ge1xuXG4gICAgQElucHV0KCkgJ2FyaWEtbGFiZWwnOiBDb250cm9sUHJvcHNbJ2FyaWEtbGFiZWwnXTtcbiAgICBASW5wdXQoKSBjaGlsZHJlbjogQ29udHJvbFByb3BzWydjaGlsZHJlbiddO1xuICAgIEBJbnB1dCgpIGNsYXNzTmFtZTogQ29udHJvbFByb3BzWydjbGFzc05hbWUnXTtcbiAgICBASW5wdXQoKSBmaXRWaWV3T3B0aW9uczogQ29udHJvbFByb3BzWydmaXRWaWV3T3B0aW9ucyddO1xuICAgIEBJbnB1dCgpIG9yaWVudGF0aW9uOiBDb250cm9sUHJvcHNbJ29yaWVudGF0aW9uJ107XG4gICAgQElucHV0KCkgcG9zaXRpb246IENvbnRyb2xQcm9wc1sncG9zaXRpb24nXTtcbiAgICBASW5wdXQoKSBzaG93Rml0VmlldzogQ29udHJvbFByb3BzWydzaG93Rml0VmlldyddO1xuICAgIEBJbnB1dCgpIHNob3dJbnRlcmFjdGl2ZTogQ29udHJvbFByb3BzWydzaG93SW50ZXJhY3RpdmUnXTtcbiAgICBASW5wdXQoKSBzaG93Wm9vbTogQ29udHJvbFByb3BzWydzaG93Wm9vbSddO1xuICAgIEBJbnB1dCgpIHN0eWxlOiBDb250cm9sUHJvcHNbJ3N0eWxlJ107XG5cbiAgICBAT3V0cHV0KCkgb25GaXRWaWV3ID0gbmV3IEV2ZW50RW1pdHRlcjxQYXJhbWV0ZXJzPENvbnRyb2xQcm9wc1snb25GaXRWaWV3J10+PigpO1xuICAgIEBPdXRwdXQoKSBvbkludGVyYWN0aXZlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxQYXJhbWV0ZXJzPENvbnRyb2xQcm9wc1snb25JbnRlcmFjdGl2ZUNoYW5nZSddPj4oKTtcbiAgICBAT3V0cHV0KCkgb25ab29tSW4gPSBuZXcgRXZlbnRFbWl0dGVyPFBhcmFtZXRlcnM8Q29udHJvbFByb3BzWydvblpvb21JbiddPj4oKTtcbiAgICBAT3V0cHV0KCkgb25ab29tT3V0ID0gbmV3IEV2ZW50RW1pdHRlcjxQYXJhbWV0ZXJzPENvbnRyb2xQcm9wc1snb25ab29tT3V0J10+PigpO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSB4eWZsb3c6IFhZRmxvd0NvbXBvbmVudCkgeyB9XG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgICAgICB0aGlzLnh5Zmxvdy5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcbiAgICB9XG59XG4iXX0=