@foblex/flow
Version:
An Angular library designed to simplify the creation and manipulation of dynamic flow. Provides components for flows, nodes, and connections, automating node manipulation and inter-node connections.
30 lines • 3.58 kB
JavaScript
import { Directive, ElementRef, inject, } from "@angular/core";
import { FMediator } from '@foblex/mediator';
import { MinimapDrawNodesRequest } from './domain';
import * as i0 from "@angular/core";
export class FMinimapCanvasDirective {
_fMediator = inject(FMediator);
_elementReference = inject(ElementRef);
get hostElement() {
return this._elementReference.nativeElement;
}
redraw() {
this._clearCanvas();
this._fMediator.execute(new MinimapDrawNodesRequest())
.forEach((x) => {
this.hostElement.appendChild(x);
});
}
_clearCanvas() {
this.hostElement.innerHTML = '';
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FMinimapCanvasDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FMinimapCanvasDirective, selector: "g[fMinimapCanvas]", ngImport: i0 });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FMinimapCanvasDirective, decorators: [{
type: Directive,
args: [{
selector: 'g[fMinimapCanvas]'
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1taW5pbWFwLWNhbnZhcy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2YtbWluaW1hcC9mLW1pbmltYXAtY2FudmFzLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEdBQzlCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBS25ELE1BQU0sT0FBTyx1QkFBdUI7SUFFakIsVUFBVSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMvQixpQkFBaUIsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFeEQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQztJQUM5QyxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVwQixJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBbUIsSUFBSSx1QkFBdUIsRUFBRSxDQUFDO2FBQ3JFLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sWUFBWTtRQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDbEMsQ0FBQzt3R0FwQlUsdUJBQXVCOzRGQUF2Qix1QkFBdUI7OzRGQUF2Qix1QkFBdUI7a0JBSG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGluamVjdCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZNZWRpYXRvciB9IGZyb20gJ0Bmb2JsZXgvbWVkaWF0b3InO1xuaW1wb3J0IHsgTWluaW1hcERyYXdOb2Rlc1JlcXVlc3QgfSBmcm9tICcuL2RvbWFpbic7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2dbZk1pbmltYXBDYW52YXNdJ1xufSlcbmV4cG9ydCBjbGFzcyBGTWluaW1hcENhbnZhc0RpcmVjdGl2ZSB7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfZk1lZGlhdG9yID0gaW5qZWN0KEZNZWRpYXRvcik7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2VsZW1lbnRSZWZlcmVuY2UgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdHRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuX2VsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIHB1YmxpYyByZWRyYXcoKTogdm9pZCB7XG4gICAgdGhpcy5fY2xlYXJDYW52YXMoKTtcblxuICAgIHRoaXMuX2ZNZWRpYXRvci5leGVjdXRlPFNWR1JlY3RFbGVtZW50W10+KG5ldyBNaW5pbWFwRHJhd05vZGVzUmVxdWVzdCgpKVxuICAgICAgLmZvckVhY2goKHgpID0+IHtcbiAgICAgICAgdGhpcy5ob3N0RWxlbWVudC5hcHBlbmRDaGlsZCh4KTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfY2xlYXJDYW52YXMoKTogdm9pZCB7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5pbm5lckhUTUwgPSAnJztcbiAgfVxufVxuIl19