@foblex/flow 1.2.2 → 1.2.4

package/esm2022/components/f-flow/f-canvas/f-canvas.component.mjs

@@ -0,0 +1,91 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
+import { FCanvasBase, F_CANVAS } from './f-canvas-base';
+import { Point, PointExtensions, RectExtensions, TransformModelExtensions } from '@foblex/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../domain";
+import * as i2 from "../../../f-components-store";
+export class FCanvasComponent extends FCanvasBase {
+    set position(value) {
+        if (!value) {
+            return;
+        }
+        const position = PointExtensions.sum(this.transform.position, this.transform.scaledPosition);
+        if (!PointExtensions.isEqual(position, value)) {
+            this.transform.position = value;
+            this.transform.scaledPosition = PointExtensions.initialize();
+            this.redraw();
+        }
+    }
+    set scale(value) {
+        if (!value) {
+            return;
+        }
+        this.transform.scale = value;
+        this.redraw();
+    }
+    get fNodes() {
+        return this.fComponentsStore.fNodes;
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(getAllNodesRectHandler, elementReference, fComponentsStore) {
+        super();
+        this.getAllNodesRectHandler = getAllNodesRectHandler;
+        this.elementReference = elementReference;
+        this.fComponentsStore = fComponentsStore;
+        this.fCanvasChange = new EventEmitter();
+        this.onInitialized = new EventEmitter();
+    }
+    ngOnInit() {
+        this.fComponentsStore.fCanvas = this;
+    }
+    redraw() {
+        this.fComponentsStore.fBackground?.setTransform(this.transform);
+        this.hostElement.setAttribute("style", `transform: ${TransformModelExtensions.toString(this.transform)}`);
+    }
+    redrawWithAnimation() {
+        this.fComponentsStore.fBackground?.setTransform(this.transform);
+        this.hostElement.setAttribute("style", `transition: transform 0.15s ease-in-out; transform: ${TransformModelExtensions.toString(this.transform)}`);
+        setTimeout(() => {
+            this.redraw();
+        }, 150);
+    }
+    fitToScreen(toCenter = PointExtensions.initialize(), animated = true) {
+        const fNodesRect = this.getAllNodesRectHandler.handle();
+        const rect = RectExtensions.addPointToSize(fNodesRect, Point.fromPoint(toCenter).mult(2));
+        this.fitToParent(rect, RectExtensions.fromElement(this.fComponentsStore.fFlow.hostElement), this.fNodes.map((x) => {
+            return Point.fromPoint(x.position).sub(toCenter);
+        }));
+        animated ? this.redrawWithAnimation() : this.redraw();
+        this.completeDrag();
+    }
+    oneToOne() {
+        const fNodesRect = this.getAllNodesRectHandler.handle();
+        this.oneToOneCentering(fNodesRect, RectExtensions.fromElement(this.fComponentsStore.fFlow.hostElement), this.fNodes.map((x) => {
+            return Point.fromPoint(x.position).sub(new Point(0, 0));
+        }));
+        this.redrawWithAnimation();
+        this.completeDrag();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FCanvasComponent, deps: [{ token: i1.GetAllNodesRectHandler }, { token: i0.ElementRef }, { token: i2.FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FCanvasComponent, selector: "f-canvas", inputs: { position: "position", scale: "scale" }, outputs: { fCanvasChange: "fCanvasChange", onInitialized: "onInitialized" }, host: { classAttribute: "f-component f-canvas" }, providers: [{ provide: F_CANVAS, useExisting: FCanvasComponent }], viewQueries: [{ propertyName: "fNodesContainer", first: true, predicate: ["fNodesContainer"], descendants: true, static: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-container>\n    <div>\n        <ng-content select=\"f-connection\"></ng-content>\n        <ng-content select=\"f-connection-for-create\"></ng-content>\n    </div>\n    <div #fNodesContainer>\n        <ng-content select=\"f-node\"></ng-content>\n    </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FCanvasComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f-canvas', exportAs: 'fComponent', host: {
+                        'class': 'f-component f-canvas',
+                    }, providers: [{ provide: F_CANVAS, useExisting: FCanvasComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n    <div>\n        <ng-content select=\"f-connection\"></ng-content>\n        <ng-content select=\"f-connection-for-create\"></ng-content>\n    </div>\n    <div #fNodesContainer>\n        <ng-content select=\"f-node\"></ng-content>\n    </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.GetAllNodesRectHandler }, { type: i0.ElementRef }, { type: i2.FComponentsStore }]; }, propDecorators: { fCanvasChange: [{
+                type: Output
+            }], position: [{
+                type: Input
+            }], scale: [{
+                type: Input
+            }], onInitialized: [{
+                type: Output
+            }], fNodesContainer: [{
+                type: ViewChild,
+                args: ['fNodesContainer', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jYW52YXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2YtZmxvdy9mLWNhbnZhcy9mLWNhbnZhcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtY2FudmFzL2YtY2FudmFzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsR0FDdEUsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLFdBQVcsRUFBRSxRQUFRLEVBQ3RCLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxFQUFVLEtBQUssRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7O0FBaUJ4RyxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsV0FBVztJQUsvQyxJQUNXLFFBQVEsQ0FBQyxLQUF5QjtRQUMzQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTztTQUNSO1FBQ0QsTUFBTSxRQUFRLEdBQUcsZUFBZSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzdGLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDaEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLEdBQUcsZUFBZSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQzdELElBQUksQ0FBQyxNQUFNLEVBQUUs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QUFNLEVBQUUsQ0FBQztRQUN4RCxJQUFJLENBQUMsaUJBQWlCLENBQ2xCLFVBQVUsRUFDVixjQUFjLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFNLENBQUMsV0FBVyxDQUFDLEVBQ3BFLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDcEIsT0FBTyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDekQsQ0FBQyxDQUFDLENBQ0wsQ0FBQztRQUNGLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDOzhHQS9GVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixvTkFIaEIsQ0FBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLENBQUUsNk1DckJyRSx3UkFTQTs7MkZEZWEsZ0JBQWdCO2tCQVg1QixTQUFTOytCQUNFLFVBQVUsWUFHVixZQUFZLFFBQ2hCO3dCQUNKLE9BQU8sRUFBRSxzQkFBc0I7cUJBQ2hDLGFBQ1UsQ0FBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxrQkFBa0IsRUFBRSxDQUFFLG1CQUNsRCx1QkFBdUIsQ0FBQyxNQUFNO3FLQUsvQixhQUFhO3NCQUQ1QixNQUFNO2dCQUlJLFFBQVE7c0JBRGxCLEtBQUs7Z0JBY0ssS0FBSztzQkFEZixLQUFLO2dCQWtCQyxhQUFhO3NCQURuQixNQUFNO2dCQUlTLGVBQWU7c0JBRDlCLFNBQVM7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7XG4gIEZDYW52YXNCYXNlLCBGX0NBTlZBU1xufSBmcm9tICcuL2YtY2FudmFzLWJhc2UnO1xuaW1wb3J0IHsgSVBvaW50LCBQb2ludCwgUG9pbnRFeHRlbnNpb25zLCBSZWN0RXh0ZW5zaW9ucywgVHJhbnNmb3JtTW9kZWxFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZDYW52YXNDaGFuZ2VFdmVudCB9IGZyb20gJy4vZG9tYWluJztcbmltcG9ydCB7IEZDb21wb25lbnRzU3RvcmUgfSBmcm9tICcuLi8uLi8uLi9mLWNvbXBvbmVudHMtc3RvcmUnO1xuaW1wb3J0IHsgR2V0QWxsTm9kZXNSZWN0SGFuZGxlciB9IGZyb20gJy4uLy4uLy4uL2RvbWFpbic7XG5pbXBvcnQgeyBGTm9kZUJhc2UgfSBmcm9tICcuLi8uLi8uLi9mLW5vZGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmLWNhbnZhcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9mLWNhbnZhcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mLWNhbnZhcy5jb21wb25lbnQuc2NzcycgXSxcbiAgZXhwb3J0QXM6ICdmQ29tcG9uZW50JyxcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmLWNvbXBvbmVudCBmLWNhbnZhcycsXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfQ0FOVkFTLCB1c2VFeGlzdGluZzogRkNhbnZhc0NvbXBvbmVudCB9IF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGQ2FudmFzQ29tcG9uZW50IGV4dGVuZHMgRkNhbnZhc0Jhc2UgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgZkNhbnZhc0NoYW5nZTogRXZlbnRFbWl0dGVyPEZDYW52YXNDaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEZDYW52YXNDaGFuZ2VFdmVudD4oKTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHBvc2l0aW9uKHZhbHVlOiBJUG9pbnQgfCB1bmRlZmluZWQpIHtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IHBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLnN1bSh0aGlzLnRyYW5zZm9ybS5wb3NpdGlvbiwgdGhpcy50cmFuc2Zvcm0uc2NhbGVkUG9zaXRpb24pO1xuICAgIGlmICghUG9pbnRFeHRlbnNpb25zLmlzRXF1YWwocG9zaXRpb24sIHZhbHVlKSkge1xuICAgICAgdGhpcy50cmFuc2Zvcm0ucG9zaXRpb24gPSB2YWx1ZTtcbiAgICAgIHRoaXMudHJhbnNmb3JtLnNjYWxlZFBvc2l0aW9uID0gUG9pbnRFeHRlbnNpb25zLmluaXRpYWxpemUoKTtcbiAgICAgIHRoaXMucmVkcmF3KCk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBzY2FsZSh2YWx1ZTogbnVtYmVyIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKCF2YWx1ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnRyYW5zZm9ybS5zY2FsZSA9IHZhbHVlO1xuICAgIHRoaXMucmVkcmF3KCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGZOb2RlcygpOiBGTm9kZUJhc2VbXSB7XG4gICAgcmV0dXJuIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mTm9kZXM7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGhvc3RFbGVtZW50KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBAT3V0cHV0KClcbiAgcHVibGljIG9uSW5pdGlhbGl6ZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCdmTm9kZXNDb250YWluZXInLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZk5vZGVzQ29udGFpbmVyITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBwcml2YXRlIGdldEFsbE5vZGVzUmVjdEhhbmRsZXI6IEdldEFsbE5vZGVzUmVjdEhhbmRsZXIsXG4gICAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgICAgcHJpdmF0ZSBmQ29tcG9uZW50c1N0b3JlOiBGQ29tcG9uZW50c1N0b3JlXG4gICkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5mQ29tcG9uZW50c1N0b3JlLmZDYW52YXMgPSB0aGlzO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlZHJhdygpOiB2b2lkIHtcbiAgICB0aGlzLmZDb21wb25lbnRzU3RvcmUuZkJhY2tncm91bmQ/LnNldFRyYW5zZm9ybSh0aGlzLnRyYW5zZm9ybSk7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoXCJzdHlsZVwiLCBgdHJhbnNmb3JtOiAkeyBUcmFuc2Zvcm1Nb2RlbEV4dGVuc2lvbnMudG9TdHJpbmcodGhpcy50cmFuc2Zvcm0pIH1gKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZWRyYXdXaXRoQW5pbWF0aW9uKCk6IHZvaWQge1xuICAgIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mQmFja2dyb3VuZD8uc2V0VHJhbnNmb3JtKHRoaXMudHJhbnNmb3JtKTtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZShcInN0eWxlXCIsIGB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4xNXMgZWFzZS1pbi1vdXQ7IHRyYW5zZm9ybTogJHsgVHJhbnNmb3JtTW9kZWxFeHRlbnNpb25zLnRvU3RyaW5nKHRoaXMudHJhbnNmb3JtKSB9YCk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnJlZHJhdygpO1xuICAgIH0sIDE1MCk7XG4gIH1cblxuICBwdWJsaWMgZml0VG9TY3JlZW4odG9DZW50ZXI6IElQb2ludCA9IFBvaW50RXh0ZW5zaW9ucy5pbml0aWFsaXplKCksIGFuaW1hdGVkOiBib29sZWFuID0gdHJ1ZSk6IHZvaWQge1xuICAgIGNvbnN0IGZOb2Rlc1JlY3QgPSB0aGlzLmdldEFsbE5vZGVzUmVjdEhhbmRsZXIuaGFuZGxlKCk7XG5cbiAgICBjb25zdCByZWN0ID0gUmVjdEV4dGVuc2lvbnMuYWRkUG9pbnRUb1NpemUoXG4gICAgICAgIGZOb2Rlc1JlY3QsXG4gICAgICAgIFBvaW50LmZyb21Qb2ludCh0b0NlbnRlcikubXVsdCgyKVxuICAgICk7XG4gICAgdGhpcy5maXRUb1BhcmVudChcbiAgICAgICAgcmVjdCxcbiAgICAgICAgUmVjdEV4dGVuc2lvbnMuZnJvbUVsZW1lbnQodGhpcy5mQ29tcG9uZW50c1N0b3JlLmZGbG93IS5ob3N0RWxlbWVudCksXG4gICAgICAgIHRoaXMuZk5vZGVzLm1hcCgoeCkgPT4ge1xuICAgICAgICAgIHJldHVybiBQb2ludC5mcm9tUG9pbnQoeC5wb3NpdGlvbikuc3ViKHRvQ2VudGVyKVxuICAgICAgICB9KVxuICAgICk7XG4gICAgYW5pbWF0ZWQgPyB0aGlzLnJlZHJhd1dpdGhBbmltYXRpb24oKSA6IHRoaXMucmVkcmF3KCk7XG4gICAgdGhpcy5jb21wbGV0ZURyYWcoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbmVUb09uZSgpOiB2b2lkIHtcbiAgICBjb25zdCBmTm9kZXNSZWN0ID0gdGhpcy5nZXRBbGxOb2Rlc1JlY3RIYW5kbGVyLmhhbmRsZSgpO1xuICAgIHRoaXMub25lVG9PbmVDZW50ZXJpbmcoXG4gICAgICAgIGZOb2Rlc1JlY3QsXG4gICAgICAgIFJlY3RFeHRlbnNpb25zLmZyb21FbGVtZW50KHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mRmxvdyEuaG9zdEVsZW1lbnQpLFxuICAgICAgICB0aGlzLmZOb2Rlcy5tYXAoKHgpID0+IHtcbiAgICAgICAgICByZXR1cm4gUG9pbnQuZnJvbVBvaW50KHgucG9zaXRpb24pLnN1YihuZXcgUG9pbnQoMCwgMCkpXG4gICAgICAgIH0pXG4gICAgKTtcbiAgICB0aGlzLnJlZHJhd1dpdGhBbmltYXRpb24oKTtcbiAgICB0aGlzLmNvbXBsZXRlRHJhZygpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyPlxuICAgIDxkaXY+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImYtY29ubmVjdGlvblwiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZi1jb25uZWN0aW9uLWZvci1jcmVhdGVcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAjZk5vZGVzQ29udGFpbmVyPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJmLW5vZGVcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/components/f-flow/f-canvas/f-zoom/f-zoom-base.mjs

@@ -0,0 +1,94 @@
+import { EventExtensions, Point, RectExtensions } from '@foblex/core';
+import { InjectionToken } from '@angular/core';
+import { isNode } from '../../../../f-node';
+export const F_ZOOM = new InjectionToken('F_ZOOM');
+export class FZoomBase {
+    get flowHost() {
+        return this.fComponentsStore.flowHost;
+    }
+    get fCanvas() {
+        return this.fComponentsStore.fCanvas;
+    }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+        this.isEnabled = false;
+        this.listeners = EventExtensions.emptyListener();
+    }
+    toggleZoom() {
+        if (this.isEnabled) {
+            this.subscribe();
+        }
+        else {
+            this.unsubscribe();
+        }
+    }
+    subscribe() {
+        this.listeners();
+        if (!this.flowHost) {
+            return;
+        }
+        this.flowHost.addEventListener('wheel', this.onWheel.bind(this));
+        this.flowHost.addEventListener('dblclick', this.onDoubleClick.bind(this));
+        this.listeners = () => {
+            this.flowHost.removeEventListener('wheel', this.onWheel.bind(this));
+            this.flowHost.removeEventListener('dblclick', this.onDoubleClick.bind(this));
+        };
+    }
+    getScale() {
+        return this.fCanvas.transform.scale || 1;
+    }
+    onWheel(event) {
+        event.preventDefault();
+        if (this.fComponentsStore.fDraggable?.isDragStarted) {
+            return;
+        }
+        let result = this.getScale();
+        const direction = event.deltaY > 0 ? -1 : 1;
+        const step = this.step;
+        result = result + step * direction;
+        result = Math.max(this.minimum, Math.min(result, this.maximum));
+        const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
+        this.fCanvas.setZoom(result, pointerPositionInFlow);
+        this.fCanvas.redraw();
+        this.fCanvas.completeDrag();
+    }
+    onDoubleClick(event) {
+        event.preventDefault();
+        if (this.fComponentsStore.fDraggable?.isDragStarted || isNode(event.target)) {
+            return;
+        }
+        let result = this.getScale();
+        const direction = 1;
+        const step = this.dblClickStep;
+        result = result + step * direction;
+        result = Math.max(this.minimum, Math.min(result, this.maximum));
+        const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
+        this.fCanvas.setZoom(result, pointerPositionInFlow);
+        this.fCanvas.redrawWithAnimation();
+        this.fCanvas.completeDrag();
+    }
+    onZoomToCenter(deltaY, position) {
+        const preventDefault = () => {
+        };
+        const rect = RectExtensions.fromElement(this.flowHost);
+        this.onWheel({
+            deltaY, preventDefault, clientX: position?.x || rect.gravityCenter.x, clientY: position?.y || rect.gravityCenter.y
+        });
+    }
+    zoomIn(position) {
+        this.onZoomToCenter(-1, position);
+    }
+    zoomOut(position) {
+        this.onZoomToCenter(1, position);
+    }
+    reset() {
+        this.fCanvas.resetZoom();
+        this.fCanvas.redraw();
+        this.fCanvas.completeDrag();
+    }
+    unsubscribe() {
+        this.listeners();
+        this.listeners = EventExtensions.emptyListener();
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi16b29tLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtY2FudmFzL2Ytem9vbS9mLXpvb20tYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFVLEtBQUssRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFNUMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLElBQUksY0FBYyxDQUFZLFFBQVEsQ0FBQyxDQUFDO0FBRTlELE1BQU0sT0FBZ0IsU0FBUztJQVk3QixJQUFZLFFBQVE7UUFDbEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFZLE9BQU87UUFDakIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBc0IsQ0FBQztJQUN0RCxDQUFDO0lBRUQsWUFDYyxnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQW5CdEMsY0FBUyxHQUFZLEtBQUssQ0FBQztRQVE3QixjQUFTLEdBQWEsZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBYTlELENBQUM7SUFFUyxVQUFVO1FBQ2xCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7YUFBTTtZQUNMLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFTyxTQUFTO1FBQ2YsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUVE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RyxlQUFlLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDbkQsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXZlbnRFeHRlbnNpb25zLCBJUG9pbnQsIFBvaW50LCBSZWN0RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRkNhbnZhc0Jhc2UgfSBmcm9tICcuLi8uLi8uLi9pbmRleCc7XG5pbXBvcnQgeyBGQ29tcG9uZW50c1N0b3JlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZi1jb21wb25lbnRzLXN0b3JlJztcbmltcG9ydCB7IGlzTm9kZSB9IGZyb20gJy4uLy4uLy4uLy4uL2Ytbm9kZSc7XG5cbmV4cG9ydCBjb25zdCBGX1pPT00gPSBuZXcgSW5qZWN0aW9uVG9rZW48Rlpvb21CYXNlPignRl9aT09NJyk7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBGWm9vbUJhc2Uge1xuXG4gIHByb3RlY3RlZCBpc0VuYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgbWluaW11bTogbnVtYmVyO1xuICBwdWJsaWMgYWJzdHJhY3QgbWF4aW11bTogbnVtYmVyO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBzdGVwOiBudW1iZXI7XG4gIHB1YmxpYyBhYnN0cmFjdCBkYmxDbGlja1N0ZXA6IG51bWJlcjtcblxuICBwcml2YXRlIGxpc3RlbmVyczogRnVuY3Rpb24gPSBFdmVudEV4dGVuc2lvbnMuZW1wdHlMaXN0ZW5lcigpO1xuXG4gIHByaXZhdGUgZ2V0IGZsb3dIb3N0KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5mQ29tcG9uZW50c1N0b3JlLmZsb3dIb3N0O1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgZkNhbnZhcygpOiBGQ2FudmFzQmFzZSB7XG4gICAgcmV0dXJuIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mQ2FudmFzIGFzIEZDYW52YXNCYXNlO1xuICB9XG5cbiAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKFxuICAgICAgcHJvdGVjdGVkIGZDb21wb25lbnRzU3RvcmU6IEZDb21wb25lbnRzU3RvcmVcbiAgKSB7XG4gIH1cblxuICBwcm90ZWN0ZWQgdG9nZ2xlWm9vbSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc0VuYWJsZWQpIHtcbiAgICAgIHRoaXMuc3Vic2NyaWJlKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHN1YnNjcmliZSgpOiB2b2lkIHtcbiAgICB0aGlzLmxpc3RlbmVycygpO1xuICAgIGlmICghdGhpcy5mbG93SG9zdCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuZmxvd0hvc3QuYWRkRXZlbnRMaXN0ZW5lcignd2hlZWwnLCB0aGlzLm9uV2hlZWwuYmluZCh0aGlzKSk7XG4gICAgdGhpcy5mbG93SG9zdC5hZGRFdmVudExpc3RlbmVyKCdkYmxjbGljaycsIHRoaXMub25Eb3VibGVDbGljay5iaW5kKHRoaXMpKTtcbiAgICB0aGlzLmxpc3RlbmVycyA9ICgpID0+IHtcbiAgICAgIHRoaXMuZmxvd0hvc3QucmVtb3ZlRXZlbnRMaXN0ZW5lcignd2hlZWwnLCB0aGlzLm9uV2hlZWwuYmluZCh0aGlzKSk7XG4gICAgICB0aGlzLmZsb3dIb3N0LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2RibGNsaWNrJywgdGhpcy5vbkRvdWJsZUNsaWNrLmJpbmQodGhpcykpO1xuICAgIH07XG4gIH1cblxuICBwdWJsaWMgZ2V0U2NhbGUoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5mQ2FudmFzLnRyYW5zZm9ybS5zY2FsZSB8fCAxO1xuICB9XG5cbiAgcHJpdmF0ZSBvbldoZWVsKGV2ZW50OiBXaGVlbEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcblxuICAgIGlmICh0aGlzLmZDb21wb25lbnRzU3RvcmUuZkRyYWdnYWJsZT8uaXNEcmFnU3RhcnRlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGxldCByZXN1bHQ6IG51bWJlciA9IHRoaXMuZ2V0U2NhbGUoKTtcblxuICAgIGNvbnN0IGRpcmVjdGlvbiA9IGV2ZW50LmRlbHRhWSA+IDAgPyAtMSA6IDE7XG4gICAgY29uc3Qgc3RlcCA9IHRoaXMuc3RlcDtcbiAgICByZXN1bHQgPSByZXN1bHQgKyBzdGVwICogZGlyZWN0aW9uO1xuXG4gICAgcmVzdWx0ID0gTWF0aC5tYXgodGhpcy5taW5pbXVtLCBNYXRoLm1pbihyZXN1bHQsIHRoaXMubWF4aW11bSkpO1xuXG4gICAgY29uc3QgcG9pbnRlclBvc2l0aW9uSW5GbG93ID0gbmV3IFBvaW50KGV2ZW50LmNsaWVudFgsIGV2ZW50LmNsaWVudFkpLmVsZW1lbnRUcmFuc2Zvcm0odGhpcy5mbG93SG9zdCk7XG5cbiAgICB0aGlzLmZDYW52YXMuc2V0Wm9vbShyZXN1bHQsIHBvaW50ZXJQb3NpdGlvbkluRmxvdyk7XG4gICAgdGhpcy5mQ2FudmFzLnJlZHJhdygpO1xuICAgIHRoaXMuZkNhbnZhcy5jb21wbGV0ZURyYWcoKTtcbiAgfVxuXG4gIHByaXZhdGUgb25Eb3VibGVDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICBpZiAodGhpcy5mQ29tcG9uZW50c1N0b3JlLmZEcmFnZ2FibGU/LmlzRHJhZ1N0YXJ0ZWQgfHwgaXNOb2RlKGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBsZXQgcmVzdWx0OiBudW1iZXIgPSB0aGlzLmdldFNjYWxlKCk7XG5cbiAgICBjb25zdCBkaXJlY3Rpb24gPSAxO1xuICAgIGNvbnN0IHN0ZXAgPSB0aGlzLmRibENsaWNrU3RlcDtcbiAgICByZXN1bHQgPSByZXN1bHQgKyBzdGVwICogZGlyZWN0aW9uO1xuXG4gICAgcmVzdWx0ID0gTWF0aC5tYXgodGhpcy5taW5pbXVtLCBNYXRoLm1pbihyZXN1bHQsIHRoaXMubWF4aW11bSkpO1xuXG4gICAgY29uc3QgcG9pbnRlclBvc2l0aW9uSW5GbG93ID0gbmV3IFBvaW50KGV2ZW50LmNsaWVudFgsIGV2ZW50LmNsaWVudFkpLmVsZW1lbnRUcmFuc2Zvcm0odGhpcy5mbG93SG9zdCk7XG4gICAgdGhpcy5mQ2FudmFzLnNldFpvb20ocmVzdWx0LCBwb2ludGVyUG9zaXRpb25JbkZsb3cpO1xuICAgIHRoaXMuZkNhbnZhcy5yZWRyYXdXaXRoQW5pbWF0aW9uKCk7XG4gICAgdGhpcy5mQ2FudmFzLmNvbXBsZXRlRHJhZygpO1xuICB9XG5cbiAgcHJpdmF0ZSBvblpvb21Ub0NlbnRlcihkZWx0YVk6IG51bWJlciwgcG9zaXRpb24/OiBJUG9pbnQpOiB2b2lkIHtcbiAgICBjb25zdCBwcmV2ZW50RGVmYXVsdCA9ICgpID0+IHtcbiAgICB9O1xuICAgIGNvbnN0IHJlY3QgPSBSZWN0RXh0ZW5zaW9ucy5mcm9tRWxlbWVudCh0aGlzLmZsb3dIb3N0KTtcblxuICAgIHRoaXMub25XaGVlbCh7XG4gICAgICBkZWx0YVksIHByZXZlbnREZWZhdWx0LCBjbGllbnRYOiBwb3NpdGlvbj8ueCB8fCByZWN0LmdyYXZpdHlDZW50ZXIueCwgY2xpZW50WTogcG9zaXRpb24/LnkgfHwgcmVjdC5ncmF2aXR5Q2VudGVyLnlcbiAgICB9IGFzIFdoZWVsRXZlbnQpO1xuICB9XG5cbiAgcHVibGljIHpvb21Jbihwb3NpdGlvbj86IElQb2ludCk6IHZvaWQge1xuICAgIHRoaXMub25ab29tVG9DZW50ZXIoLTEsIHBvc2l0aW9uKTtcbiAgfVxuXG4gIHB1YmxpYyB6b29tT3V0KHBvc2l0aW9uPzogSVBvaW50KTogdm9pZCB7XG4gICAgdGhpcy5vblpvb21Ub0NlbnRlcigxLCBwb3NpdGlvbik7XG4gIH1cblxuICBwdWJsaWMgcmVzZXQoKTogdm9pZCB7XG4gICAgdGhpcy5mQ2FudmFzLnJlc2V0Wm9vbSgpO1xuICAgIHRoaXMuZkNhbnZhcy5yZWRyYXcoKTtcbiAgICB0aGlzLmZDYW52YXMuY29tcGxldGVEcmFnKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgdW5zdWJzY3JpYmUoKTogdm9pZCB7XG4gICAgdGhpcy5saXN0ZW5lcnMoKTtcbiAgICB0aGlzLmxpc3RlbmVycyA9IEV2ZW50RXh0ZW5zaW9ucy5lbXB0eUxpc3RlbmVyKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/f-flow/f-canvas/f-zoom/f-zoom.directive.mjs

@@ -0,0 +1,59 @@
+import { Directive, Input } from "@angular/core";
+import { BooleanExtensions } from '@foblex/core';
+import { F_ZOOM, FZoomBase } from './f-zoom-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../f-components-store";
+export class FZoomDirective extends FZoomBase {
+    get fFlowZoom() {
+        return this.isEnabled;
+    }
+    set fFlowZoom(isEnabled) {
+        const value = BooleanExtensions.castToBoolean(isEnabled);
+        if (value !== this.isEnabled) {
+            this.isEnabled = value;
+            this.toggleZoom();
+        }
+    }
+    constructor(fComponentsStore) {
+        super(fComponentsStore);
+        this.minimum = 0.1;
+        this.maximum = 4;
+        this.step = 0.1;
+        this.dblClickStep = 0.5;
+    }
+    ngAfterViewInit() {
+        super.toggleZoom();
+    }
+    ngOnDestroy() {
+        super.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FZoomDirective, deps: [{ token: i1.FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FZoomDirective, selector: "f-canvas[fZoom]", inputs: { fFlowZoom: ["fZoom", "fFlowZoom"], minimum: ["fZoomMinimum", "minimum"], maximum: ["fZoomMaximum", "maximum"], step: ["fZoomStep", "step"], dblClickStep: ["fZoomDblClickStep", "dblClickStep"] }, host: { classAttribute: "f-zoom f-component" }, providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FZoomDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "f-canvas[fZoom]",
+                    exportAs: 'fComponent',
+                    host: {
+                        'class': 'f-zoom f-component'
+                    },
+                    providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FComponentsStore }]; }, propDecorators: { fFlowZoom: [{
+                type: Input,
+                args: ['fZoom']
+            }], minimum: [{
+                type: Input,
+                args: ['fZoomMinimum']
+            }], maximum: [{
+                type: Input,
+                args: ['fZoomMaximum']
+            }], step: [{
+                type: Input,
+                args: ['fZoomStep']
+            }], dblClickStep: [{
+                type: Input,
+                args: ['fZoomDblClickStep']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi16b29tLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1jYW52YXMvZi16b29tL2Ytem9vbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFBRSxLQUFLLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBV2xELE1BQU0sT0FBTyxjQUFlLFNBQVEsU0FBUztJQUUzQyxJQUNXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFXLFNBQVMsQ0FBQyxTQUF1QztRQUMxRCxNQUFNLEtBQUssR0FBRyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekQsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBY0QsWUFDSSxnQkFBa0M7UUFFcEMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFkVixZQUFPLEdBQVcsR0FBRyxDQUFDO1FBR3RCLFlBQU8sR0FBVyxDQUFDLENBQUM7UUFHcEIsU0FBSSxHQUFXLEdBQUcsQ0FBQztRQUduQixpQkFBWSxHQUFXLEdBQUcsQ0FBQztJQU0zQyxDQUFDO0lBRU0sZUFBZTtRQUNwQixLQUFLLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLFdBQVc7UUFDaEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7OEdBdkNVLGNBQWM7a0dBQWQsY0FBYyx1U0FGZCxDQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLENBQUU7OzJGQUVwRCxjQUFjO2tCQVIxQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRSxZQUFZO29CQUN0QixJQUFJLEVBQUU7d0JBQ0osT0FBTyxFQUFFLG9CQUFvQjtxQkFDOUI7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFdBQVcsZ0JBQWdCLEVBQUUsQ0FBRTtpQkFDaEU7dUdBSVksU0FBUztzQkFEbkIsS0FBSzt1QkFBQyxPQUFPO2dCQWNFLE9BQU87c0JBRHRCLEtBQUs7dUJBQUMsY0FBYztnQkFJTCxPQUFPO3NCQUR0QixLQUFLO3VCQUFDLGNBQWM7Z0JBSUwsSUFBSTtzQkFEbkIsS0FBSzt1QkFBQyxXQUFXO2dCQUlGLFlBQVk7c0JBRDNCLEtBQUs7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgRGlyZWN0aXZlLCBJbnB1dCwgT25EZXN0cm95XG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBCb29sZWFuRXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX1pPT00sIEZab29tQmFzZSB9IGZyb20gJy4vZi16b29tLWJhc2UnO1xuaW1wb3J0IHsgRkNvbXBvbmVudHNTdG9yZSB9IGZyb20gJy4uLy4uLy4uLy4uL2YtY29tcG9uZW50cy1zdG9yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogXCJmLWNhbnZhc1tmWm9vbV1cIixcbiAgZXhwb3J0QXM6ICdmQ29tcG9uZW50JyxcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmLXpvb20gZi1jb21wb25lbnQnXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfWk9PTSwgdXNlRXhpc3Rpbmc6IEZab29tRGlyZWN0aXZlIH0gXSxcbn0pXG5leHBvcnQgY2xhc3MgRlpvb21EaXJlY3RpdmUgZXh0ZW5kcyBGWm9vbUJhc2UgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgnZlpvb20nKVxuICBwdWJsaWMgZ2V0IGZGbG93Wm9vbSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pc0VuYWJsZWQ7XG4gIH1cblxuICBwdWJsaWMgc2V0IGZGbG93Wm9vbShpc0VuYWJsZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfCBzdHJpbmcpIHtcbiAgICBjb25zdCB2YWx1ZSA9IEJvb2xlYW5FeHRlbnNpb25zLmNhc3RUb0Jvb2xlYW4oaXNFbmFibGVkKTtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaXNFbmFibGVkKSB7XG4gICAgICB0aGlzLmlzRW5hYmxlZCA9IHZhbHVlO1xuICAgICAgdGhpcy50b2dnbGVab29tKCk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KCdmWm9vbU1pbmltdW0nKVxuICBwdWJsaWMgb3ZlcnJpZGUgbWluaW11bTogbnVtYmVyID0gMC4xO1xuXG4gIEBJbnB1dCgnZlpvb21NYXhpbXVtJylcbiAgcHVibGljIG92ZXJyaWRlIG1heGltdW06IG51bWJlciA9IDQ7XG5cbiAgQElucHV0KCdmWm9vbVN0ZXAnKVxuICBwdWJsaWMgb3ZlcnJpZGUgc3RlcDogbnVtYmVyID0gMC4xO1xuXG4gIEBJbnB1dCgnZlpvb21EYmxDbGlja1N0ZXAnKVxuICBwdWJsaWMgb3ZlcnJpZGUgZGJsQ2xpY2tTdGVwOiBudW1iZXIgPSAwLjU7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBmQ29tcG9uZW50c1N0b3JlOiBGQ29tcG9uZW50c1N0b3JlLFxuICApIHtcbiAgICBzdXBlcihmQ29tcG9uZW50c1N0b3JlKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc3VwZXIudG9nZ2xlWm9vbSgpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHN1cGVyLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/f-flow/f-canvas/f-zoom/index.mjs

@@ -0,0 +1,3 @@
+export * from './f-zoom-base';
+export * from './f-zoom.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtY2FudmFzL2Ytem9vbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUU5QixjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLXpvb20tYmFzZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi16b29tLmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/components/f-flow/f-canvas/f-zoom/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './f-zoom.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1jYW52YXMvZi16b29tL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi16b29tLmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/components/f-flow/f-canvas/index.mjs

@@ -0,0 +1,5 @@
+export * from './domain';
+export * from './f-zoom';
+export * from './f-canvas.component';
+export * from './f-canvas-base';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtY2FudmFzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsVUFBVSxDQUFDO0FBRXpCLGNBQWMsVUFBVSxDQUFDO0FBRXpCLGNBQWMsc0JBQXNCLENBQUM7QUFFckMsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZG9tYWluJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLXpvb20nO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtY2FudmFzLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jYW52YXMtYmFzZSc7XG5cblxuIl19

package/esm2022/components/f-flow/f-canvas/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './domain/public-api';
+export * from './f-zoom/public-api';
+export * from './f-canvas.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1jYW52YXMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBRXBDLGNBQWMscUJBQXFCLENBQUM7QUFFcEMsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZG9tYWluL3B1YmxpYy1hcGknO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytem9vbS9wdWJsaWMtYXBpJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNhbnZhcy5jb21wb25lbnQnO1xuIl19

package/esm2022/components/f-flow/f-definitions/domain/i-connection-marker.mjs

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const F_CONNECTION_MARKER = new InjectionToken('F_CONNECTION_MARKER');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaS1jb25uZWN0aW9uLW1hcmtlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1kZWZpbml0aW9ucy9kb21haW4vaS1jb25uZWN0aW9uLW1hcmtlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRy9DLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFzQyxJQUFJLGNBQWMsQ0FBb0IscUJBQXFCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJSGFzSG9zdEVsZW1lbnQgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuXG5leHBvcnQgY29uc3QgRl9DT05ORUNUSU9OX01BUktFUjogSW5qZWN0aW9uVG9rZW48SUNvbm5lY3Rpb25NYXJrZXI+ID0gbmV3IEluamVjdGlvblRva2VuPElDb25uZWN0aW9uTWFya2VyPignRl9DT05ORUNUSU9OX01BUktFUicpO1xuXG5leHBvcnQgaW50ZXJmYWNlIElDb25uZWN0aW9uTWFya2VyIGV4dGVuZHMgSUhhc0hvc3RFbGVtZW50IHtcblxufVxuIl19

package/esm2022/components/f-flow/f-definitions/f-definitions-base.mjs

@@ -0,0 +1,11 @@
+import { Directive, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export const F_DEFINITIONS = new InjectionToken('F_DEFINITIONS');
+export class FDefinitionsBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FDefinitionsBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FDefinitionsBase, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FDefinitionsBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1kZWZpbml0aW9ucy1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2YtZmxvdy9mLWRlZmluaXRpb25zL2YtZGVmaW5pdGlvbnMtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHMUQsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLElBQUksY0FBYyxDQUFtQixlQUFlLENBQUMsQ0FBQztBQUduRixNQUFNLE9BQWdCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCO2tHQUFoQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBRHJDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJSGFzSG9zdEVsZW1lbnRcbn0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElDb25uZWN0aW9uTWFya2VyIH0gZnJvbSAnLi9kb21haW4vaS1jb25uZWN0aW9uLW1hcmtlcic7XG5cbmV4cG9ydCBjb25zdCBGX0RFRklOSVRJT05TID0gbmV3IEluamVjdGlvblRva2VuPEZEZWZpbml0aW9uc0Jhc2U+KCdGX0RFRklOSVRJT05TJyk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEZEZWZpbml0aW9uc0Jhc2UgaW1wbGVtZW50cyBJSGFzSG9zdEVsZW1lbnQge1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBob3N0RWxlbWVudDogSFRNTEVsZW1lbnQ7XG5cbiAgcHVibGljIGFic3RyYWN0IGdldE1hcmtlcnNGb3JDb25uZWN0aW9uKGNvbm5lY3Rpb25JZDogc3RyaW5nLCBzdGFydENvbG9yOiBzdHJpbmcsIGVuZENvbG9yOiBzdHJpbmcpOiBTVkdNYXJrZXJFbGVtZW50W107XG59XG4iXX0=

package/esm2022/components/f-flow/f-definitions/f-definitions.component.mjs

@@ -0,0 +1,73 @@
+import { ChangeDetectionStrategy, Component, ContentChildren } from "@angular/core";
+import { F_DEFINITIONS, FDefinitionsBase } from './f-definitions-base';
+import { debounceTime, startWith, Subscription } from 'rxjs';
+import { F_CONNECTION_MARKER } from './domain/i-connection-marker';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../f-components-store";
+export class FDefinitionsComponent extends FDefinitionsBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference, fComponentsStore, changeDetectorRef) {
+        super();
+        this.elementReference = elementReference;
+        this.fComponentsStore = fComponentsStore;
+        this.changeDetectorRef = changeDetectorRef;
+        this.subscriptions$ = new Subscription();
+    }
+    ngOnInit() {
+        this.fComponentsStore.fDefs = this;
+        // this.subscriptions$.add(
+        //     this.subscribeOnMarkersChanges()
+        // );
+    }
+    getMarkersForConnection(connectionId, startColor, endColor) {
+        let result = [];
+        const marker = this.fMarkers.find((x) => {
+            if (x.hasOwnProperty('fConnectionMarkerStart')) {
+                // @ts-ignore
+                return x['fConnectionMarkerStart'] === startColor;
+            }
+            return false;
+        });
+        if (marker) {
+            // marker.hostElement.setAttribute('id', `f-connection-marker-start-${ connectionId }`);
+            result.push(marker.hostElement);
+            marker.hostElement.remove();
+        }
+        const endMarker = this.fMarkers.find((x) => {
+            if (x.hasOwnProperty('fConnectionMarkerEnd')) {
+                // @ts-ignore
+                return x['fConnectionMarkerEnd'] === endColor;
+            }
+            return false;
+        });
+        if (endMarker) {
+            // endMarker.hostElement.setAttribute('id', `f-connection-marker-end-${ connectionId }`);
+            result.push(endMarker.hostElement);
+            endMarker.hostElement.remove();
+        }
+        return result;
+    }
+    subscribeOnMarkersChanges() {
+        return this.fMarkers.changes.pipe(startWith(null), debounceTime(10)).subscribe(() => {
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+    ngOnDestroy() {
+        this.subscriptions$.unsubscribe();
+        this.fComponentsStore.fDefs = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FDefinitionsComponent, deps: [{ token: i0.ElementRef }, { token: i1.FComponentsStore }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FDefinitionsComponent, selector: "svg[fDefinitions]", host: { classAttribute: "f-component f-definitions" }, providers: [{ provide: F_DEFINITIONS, useExisting: FDefinitionsComponent }], queries: [{ propertyName: "fMarkers", predicate: F_CONNECTION_MARKER }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:defs>\n        <ng-content></ng-content>\n    </svg:defs>\n</ng-container>\n", styles: [":host{position:absolute;width:0;height:0;left:0;top:0;overflow:hidden;transform-origin:0 0;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FDefinitionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'svg[fDefinitions]', exportAs: 'fComponent', host: {
+                        'class': 'f-component f-definitions'
+                    }, providers: [{ provide: F_DEFINITIONS, useExisting: FDefinitionsComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:defs>\n        <ng-content></ng-content>\n    </svg:defs>\n</ng-container>\n", styles: [":host{position:absolute;width:0;height:0;left:0;top:0;overflow:hidden;transform-origin:0 0;pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FComponentsStore }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { fMarkers: [{
+                type: ContentChildren,
+                args: [F_CONNECTION_MARKER]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1kZWZpbml0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZGVmaW5pdGlvbnMvZi1kZWZpbml0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZGVmaW5pdGlvbnMvZi1kZWZpbml0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFBRSxlQUFlLEVBQzNCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2pCLE1BQU0sc0JBQXNCLENBQUM7QUFFOUIsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBcUIsTUFBTSw4QkFBOEIsQ0FBQzs7O0FBYXRGLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxnQkFBZ0I7SUFJekQsSUFBb0IsV0FBVztRQUM3QixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUtELFlBQ1ksZ0JBQXlDLEVBQzFDLGdCQUFrQyxFQUNqQyxpQkFBb0M7UUFFOUMsS0FBSyxFQUFFLENBQUM7UUFKRSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXlCO1FBQzFDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDakMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQVp4QyxtQkFBYyxHQUFpQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBZTFELENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFFbkMsMkJBQTJCO1FBQzNCLHVDQUF1QztRQUN2QyxLQUFLO0lBQ1AsQ0FBQztJQUVNLHVCQUF1QixDQUFDLFlBQW9CLEVBQUUsVUFBa0IsRUFBRSxRQUFnQjtRQUN2RixJQUFJLE1BQU0sR0FBdUIsRUFBRSxDQUFDO1FBQ3BDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDdEMsSUFBSSxDQUFDLENBQUMsY0FBYyxDQUFDLHdCQUF3QixDQUFDLEVBQUU7Z0JBQzlDLGFBQWE7Z0JBQ2IsT0FBTyxDQUFDLENBQUUsd0JBQXdCLENBQUUsS0FBSyxVQUFVLENBQUM7YUFDckQ7WUFDRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxNQUFNLEVBQUU7WUFDWCx3RkFBd0Y7WUFDdkYsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBK0IsQ0FBQyxDQUFDO1lBQ3BELE1BQU0sQ0FBQyxXQUFXLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDN0I7UUFFRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxDQUFDLGNBQWMsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFO2dCQUM1QyxhQUFhO2dCQUNiLE9BQU8sQ0FBQyxDQUFFLHNCQUFzQixDQUFFLEtBQUssUUFBUSxDQUFDO2FBQ2pEO1lBQ0QsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksU0FBUyxFQUFFO1lBQ2QseUZBQXlGO1lBQ3hGLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQStCLENBQUMsQ0FBQztZQUN2RCxTQUFTLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2hDO1FBQ0QsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVPLHlCQUF5QjtRQUMvQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsWUFBWSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNsRixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDO0lBQzFDLENBQUM7OEdBbEVVLHFCQUFxQjtrR0FBckIscUJBQXFCLG1HQUhyQixDQUFFLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUscUJBQXFCLEVBQUUsQ0FBRSxtREFXNUQsbUJBQW1CLDhFQ2hDdEMsZ0pBS0E7OzJGRG1CYSxxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsbUJBQW1CLFlBR25CLFlBQVksUUFDaEI7d0JBQ0osT0FBTyxFQUFFLDJCQUEyQjtxQkFDckMsYUFDVSxDQUFFLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLHVCQUF1QixFQUFFLENBQUUsbUJBQzVELHVCQUF1QixDQUFDLE1BQU07Z0tBV3hDLFFBQVE7c0JBRGQsZUFBZTt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBPbkRlc3Ryb3ksIE9uSW5pdCwgUXVlcnlMaXN0XG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge1xuICBGX0RFRklOSVRJT05TLFxuICBGRGVmaW5pdGlvbnNCYXNlXG59IGZyb20gJy4vZi1kZWZpbml0aW9ucy1iYXNlJztcbmltcG9ydCB7IEZDb21wb25lbnRzU3RvcmUgfSBmcm9tICcuLi8uLi8uLi9mLWNvbXBvbmVudHMtc3RvcmUnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBzdGFydFdpdGgsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRl9DT05ORUNUSU9OX01BUktFUiwgSUNvbm5lY3Rpb25NYXJrZXIgfSBmcm9tICcuL2RvbWFpbi9pLWNvbm5lY3Rpb24tbWFya2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ZnW2ZEZWZpbml0aW9uc10nLFxuICB0ZW1wbGF0ZVVybDogJy4vZi1kZWZpbml0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mLWRlZmluaXRpb25zLmNvbXBvbmVudC5zY3NzJyBdLFxuICBleHBvcnRBczogJ2ZDb21wb25lbnQnLFxuICBob3N0OiB7XG4gICAgJ2NsYXNzJzogJ2YtY29tcG9uZW50IGYtZGVmaW5pdGlvbnMnXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfREVGSU5JVElPTlMsIHVzZUV4aXN0aW5nOiBGRGVmaW5pdGlvbnNDb21wb25lbnQgfSBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRkRlZmluaXRpb25zQ29tcG9uZW50IGV4dGVuZHMgRkRlZmluaXRpb25zQmFzZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnMkOiBTdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgcHVibGljIG92ZXJyaWRlIGdldCBob3N0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZHJlbihGX0NPTk5FQ1RJT05fTUFSS0VSKVxuICBwdWJsaWMgZk1hcmtlcnMhOiBRdWVyeUxpc3Q8SUNvbm5lY3Rpb25NYXJrZXI+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgIHB1YmxpYyBmQ29tcG9uZW50c1N0b3JlOiBGQ29tcG9uZW50c1N0b3JlLFxuICAgICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5mQ29tcG9uZW50c1N0b3JlLmZEZWZzID0gdGhpcztcblxuICAgIC8vIHRoaXMuc3Vic2NyaXB0aW9ucyQuYWRkKFxuICAgIC8vICAgICB0aGlzLnN1YnNjcmliZU9uTWFya2Vyc0NoYW5nZXMoKVxuICAgIC8vICk7XG4gIH1cblxuICBwdWJsaWMgZ2V0TWFya2Vyc0ZvckNvbm5lY3Rpb24oY29ubmVjdGlvbklkOiBzdHJpbmcsIHN0YXJ0Q29sb3I6IHN0cmluZywgZW5kQ29sb3I6IHN0cmluZyk6IFNWR01hcmtlckVsZW1lbnRbXSB7XG4gICAgbGV0IHJlc3VsdDogU1ZHTWFya2VyRWxlbWVudFtdID0gW107XG4gICAgY29uc3QgbWFya2VyID0gdGhpcy5mTWFya2Vycy5maW5kKCh4KSA9PiB7XG4gICAgICBpZiAoeC5oYXNPd25Qcm9wZXJ0eSgnZkNvbm5lY3Rpb25NYXJrZXJTdGFydCcpKSB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgcmV0dXJuIHhbICdmQ29ubmVjdGlvbk1hcmtlclN0YXJ0JyBdID09PSBzdGFydENvbG9yO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0pO1xuICAgIGlmIChtYXJrZXIpIHtcbiAgICAgLy8gbWFya2VyLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnaWQnLCBgZi1jb25uZWN0aW9uLW1hcmtlci1zdGFydC0keyBjb25uZWN0aW9uSWQgfWApO1xuICAgICAgcmVzdWx0LnB1c2gobWFya2VyLmhvc3RFbGVtZW50IGFzIFNWR01hcmtlckVsZW1lbnQpO1xuICAgICAgbWFya2VyLmhvc3RFbGVtZW50LnJlbW92ZSgpO1xuICAgIH1cblxuICAgIGNvbnN0IGVuZE1hcmtlciA9IHRoaXMuZk1hcmtlcnMuZmluZCgoeCkgPT4ge1xuICAgICAgaWYgKHguaGFzT3duUHJvcGVydHkoJ2ZDb25uZWN0aW9uTWFya2VyRW5kJykpIHtcbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4geFsgJ2ZDb25uZWN0aW9uTWFya2VyRW5kJyBdID09PSBlbmRDb2xvcjtcbiAgICAgIH1cbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9KTtcbiAgICBpZiAoZW5kTWFya2VyKSB7XG4gICAgIC8vIGVuZE1hcmtlci5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2lkJywgYGYtY29ubmVjdGlvbi1tYXJrZXItZW5kLSR7IGNvbm5lY3Rpb25JZCB9YCk7XG4gICAgICByZXN1bHQucHVzaChlbmRNYXJrZXIuaG9zdEVsZW1lbnQgYXMgU1ZHTWFya2VyRWxlbWVudCk7XG4gICAgICBlbmRNYXJrZXIuaG9zdEVsZW1lbnQucmVtb3ZlKCk7XG4gICAgfVxuICAgIHJldHVybiByZXN1bHQ7XG4gIH1cblxuICBwcml2YXRlIHN1YnNjcmliZU9uTWFya2Vyc0NoYW5nZXMoKTogU3Vic2NyaXB0aW9uIHtcbiAgICByZXR1cm4gdGhpcy5mTWFya2Vycy5jaGFuZ2VzLnBpcGUoc3RhcnRXaXRoKG51bGwpLCBkZWJvdW5jZVRpbWUoMTApKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zJC51bnN1YnNjcmliZSgpO1xuICAgIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mRGVmcyA9IHVuZGVmaW5lZDtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciB4bWxuczpzdmc9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgIDxzdmc6ZGVmcz5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvc3ZnOmRlZnM+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/components/f-flow/f-definitions/f-markers/f-connection-marker-end-selected.directive.mjs

@@ -0,0 +1,36 @@
+import { Directive, Inject } from '@angular/core';
+import { F_FLOW } from '../../f-flow-base';
+import { sanitizeElementId } from '@foblex/core';
+import { F_CONNECTION_MARKER } from '../domain/i-connection-marker';
+import * as i0 from "@angular/core";
+import * as i1 from "../../f-flow-base";
+export class FConnectionMarkerEndSelectedDirective {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    get id() {
+        return sanitizeElementId(this.fFlow.id + '-f-connection-marker-end-selected');
+    }
+    constructor(elementReference, fFlow) {
+        this.elementReference = elementReference;
+        this.fFlow = fFlow;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerEndSelectedDirective, deps: [{ token: i0.ElementRef }, { token: F_FLOW }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionMarkerEndSelectedDirective, selector: "[fConnectionMarkerEndSelected]", host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-connection-marker f-selected" }, providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerEndSelectedDirective }], exportAs: ["fComponent"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerEndSelectedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fConnectionMarkerEndSelected]',
+                    exportAs: 'fComponent',
+                    host: {
+                        '[attr.id]': 'id',
+                        'class': 'f-component f-connection-marker f-selected'
+                    },
+                    providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerEndSelectedDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FFlowBase, decorators: [{
+                    type: Inject,
+                    args: [F_FLOW]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLW1hcmtlci1lbmQtc2VsZWN0ZWQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2YtZmxvdy9mLWRlZmluaXRpb25zL2YtbWFya2Vycy9mLWNvbm5lY3Rpb24tbWFya2VyLWVuZC1zZWxlY3RlZC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLE1BQU0sRUFBYSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQXFCLE1BQU0sK0JBQStCLENBQUM7OztBQVd2RixNQUFNLE9BQU8scUNBQXFDO0lBRWhELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQWMsRUFBRTtRQUNkLE9BQU8saUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsbUNBQW1DLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQsWUFDWSxnQkFBOEMsRUFDOUIsS0FBZ0I7UUFEaEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUE4QjtRQUM5QixVQUFLLEdBQUwsS0FBSyxDQUFXO0lBRTVDLENBQUM7OEdBZFUscUNBQXFDLDRDQVlwQyxNQUFNO2tHQVpQLHFDQUFxQyxrS0FGckMsQ0FBRSxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUscUNBQXFDLEVBQUUsQ0FBRTs7MkZBRXhGLHFDQUFxQztrQkFUakQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsSUFBSSxFQUFFO3dCQUNKLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixPQUFPLEVBQUUsNENBQTRDO3FCQUN0RDtvQkFDRCxTQUFTLEVBQUUsQ0FBRSxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLHVDQUF1QyxFQUFFLENBQUU7aUJBQ3BHOzswQkFhTSxNQUFNOzJCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZfRkxPVywgRkZsb3dCYXNlIH0gZnJvbSAnLi4vLi4vZi1mbG93LWJhc2UnO1xuaW1wb3J0IHsgc2FuaXRpemVFbGVtZW50SWQgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRl9DT05ORUNUSU9OX01BUktFUiwgSUNvbm5lY3Rpb25NYXJrZXIgfSBmcm9tICcuLi9kb21haW4vaS1jb25uZWN0aW9uLW1hcmtlcic7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tmQ29ubmVjdGlvbk1hcmtlckVuZFNlbGVjdGVkXScsXG4gIGV4cG9ydEFzOiAnZkNvbXBvbmVudCcsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICAnY2xhc3MnOiAnZi1jb21wb25lbnQgZi1jb25uZWN0aW9uLW1hcmtlciBmLXNlbGVjdGVkJ1xuICB9LFxuICBwcm92aWRlcnM6IFsgeyBwcm92aWRlOiBGX0NPTk5FQ1RJT05fTUFSS0VSLCB1c2VFeGlzdGluZzogRkNvbm5lY3Rpb25NYXJrZXJFbmRTZWxlY3RlZERpcmVjdGl2ZSB9IF0sXG59KVxuZXhwb3J0IGNsYXNzIEZDb25uZWN0aW9uTWFya2VyRW5kU2VsZWN0ZWREaXJlY3RpdmUgaW1wbGVtZW50cyBJQ29ubmVjdGlvbk1hcmtlciB7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdNYXJrZXJFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHNhbml0aXplRWxlbWVudElkKHRoaXMuZkZsb3cuaWQgKyAnLWYtY29ubmVjdGlvbi1tYXJrZXItZW5kLXNlbGVjdGVkJyk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdNYXJrZXJFbGVtZW50PixcbiAgICAgIEBJbmplY3QoRl9GTE9XKSBwcml2YXRlIGZGbG93OiBGRmxvd0Jhc2UsXG4gICkge1xuICB9XG59XG4iXX0=

package/esm2022/components/f-flow/f-definitions/f-markers/f-connection-marker-end.directive.mjs

@@ -0,0 +1,39 @@
+import { Directive, Inject, Input } from '@angular/core';
+import { sanitizeElementId } from '@foblex/core';
+import { F_FLOW } from '../../f-flow-base';
+import { F_CONNECTION_MARKER } from '../domain/i-connection-marker';
+import * as i0 from "@angular/core";
+import * as i1 from "../../f-flow-base";
+export class FConnectionMarkerEndDirective {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    get id() {
+        return sanitizeElementId(this.fFlow.id + '-f-connection-marker-end-' + this.fConnectionMarkerEnd);
+    }
+    constructor(elementReference, fFlow) {
+        this.elementReference = elementReference;
+        this.fFlow = fFlow;
+        this.fConnectionMarkerEnd = 'black';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerEndDirective, deps: [{ token: i0.ElementRef }, { token: F_FLOW }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionMarkerEndDirective, selector: "[fConnectionMarkerEnd]", inputs: { fConnectionMarkerEnd: "fConnectionMarkerEnd" }, host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-connection-marker" }, providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerEndDirective }], exportAs: ["fComponent"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerEndDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fConnectionMarkerEnd]',
+                    exportAs: 'fComponent',
+                    host: {
+                        '[attr.id]': 'id',
+                        'class': 'f-component f-connection-marker'
+                    },
+                    providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerEndDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FFlowBase, decorators: [{
+                    type: Inject,
+                    args: [F_FLOW]
+                }] }]; }, propDecorators: { fConnectionMarkerEnd: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLW1hcmtlci1lbmQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2YtZmxvdy9mLWRlZmluaXRpb25zL2YtbWFya2Vycy9mLWNvbm5lY3Rpb24tbWFya2VyLWVuZC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsTUFBTSxFQUFhLE1BQU0sbUJBQW1CLENBQUM7QUFDdEQsT0FBTyxFQUFFLG1CQUFtQixFQUFxQixNQUFNLCtCQUErQixDQUFDOzs7QUFXdkYsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxJQUFjLEVBQUU7UUFDZCxPQUFPLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLDJCQUEyQixHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ3BHLENBQUM7SUFLRCxZQUNZLGdCQUE4QyxFQUM5QixLQUFnQjtRQURoQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQThCO1FBQzlCLFVBQUssR0FBTCxLQUFLLENBQVc7UUFKckMseUJBQW9CLEdBQVcsT0FBTyxDQUFDO0lBTTlDLENBQUM7OEdBakJVLDZCQUE2Qiw0Q0FlNUIsTUFBTTtrR0FmUCw2QkFBNkIseU1BRjdCLENBQUUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLDZCQUE2QixFQUFFLENBQUU7OzJGQUVoRiw2QkFBNkI7a0JBVHpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLElBQUksRUFBRTt3QkFDSixXQUFXLEVBQUUsSUFBSTt3QkFDakIsT0FBTyxFQUFFLGlDQUFpQztxQkFDM0M7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVywrQkFBK0IsRUFBRSxDQUFFO2lCQUM1Rjs7MEJBZ0JNLE1BQU07MkJBQUMsTUFBTTs0Q0FKWCxvQkFBb0I7c0JBRDFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHNhbml0aXplRWxlbWVudElkIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZfRkxPVywgRkZsb3dCYXNlIH0gZnJvbSAnLi4vLi4vZi1mbG93LWJhc2UnO1xuaW1wb3J0IHsgRl9DT05ORUNUSU9OX01BUktFUiwgSUNvbm5lY3Rpb25NYXJrZXIgfSBmcm9tICcuLi9kb21haW4vaS1jb25uZWN0aW9uLW1hcmtlcic7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tmQ29ubmVjdGlvbk1hcmtlckVuZF0nLFxuICBleHBvcnRBczogJ2ZDb21wb25lbnQnLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ2NsYXNzJzogJ2YtY29tcG9uZW50IGYtY29ubmVjdGlvbi1tYXJrZXInXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfQ09OTkVDVElPTl9NQVJLRVIsIHVzZUV4aXN0aW5nOiBGQ29ubmVjdGlvbk1hcmtlckVuZERpcmVjdGl2ZSB9IF0sXG59KVxuZXhwb3J0IGNsYXNzIEZDb25uZWN0aW9uTWFya2VyRW5kRGlyZWN0aXZlIGltcGxlbWVudHMgSUNvbm5lY3Rpb25NYXJrZXIge1xuXG4gIHB1YmxpYyBnZXQgaG9zdEVsZW1lbnQoKTogU1ZHTWFya2VyRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHJvdGVjdGVkIGdldCBpZCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBzYW5pdGl6ZUVsZW1lbnRJZCh0aGlzLmZGbG93LmlkICsgJy1mLWNvbm5lY3Rpb24tbWFya2VyLWVuZC0nICsgdGhpcy5mQ29ubmVjdGlvbk1hcmtlckVuZCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgZkNvbm5lY3Rpb25NYXJrZXJFbmQ6IHN0cmluZyA9ICdibGFjayc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHTWFya2VyRWxlbWVudD4sXG4gICAgICBASW5qZWN0KEZfRkxPVykgcHJpdmF0ZSBmRmxvdzogRkZsb3dCYXNlLFxuICApIHtcbiAgfVxufVxuIl19

package/esm2022/components/f-flow/f-definitions/f-markers/f-connection-marker-start-selected.directive.mjs

@@ -0,0 +1,36 @@
+import { Directive, Inject } from '@angular/core';
+import { F_FLOW } from '../../f-flow-base';
+import { sanitizeElementId } from '@foblex/core';
+import { F_CONNECTION_MARKER } from '../domain/i-connection-marker';
+import * as i0 from "@angular/core";
+import * as i1 from "../../f-flow-base";
+export class FConnectionMarkerStartSelectedDirective {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    get id() {
+        return sanitizeElementId(this.fFlow.id + '-f-connection-marker-start-selected');
+    }
+    constructor(elementReference, fFlow) {
+        this.elementReference = elementReference;
+        this.fFlow = fFlow;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerStartSelectedDirective, deps: [{ token: i0.ElementRef }, { token: F_FLOW }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionMarkerStartSelectedDirective, selector: "[fConnectionMarkerStartSelected]", host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-connection-marker f-selected" }, providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerStartSelectedDirective }], exportAs: ["fComponent"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerStartSelectedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fConnectionMarkerStartSelected]',
+                    exportAs: 'fComponent',
+                    host: {
+                        '[attr.id]': 'id',
+                        'class': 'f-component f-connection-marker f-selected'
+                    },
+                    providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerStartSelectedDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FFlowBase, decorators: [{
+                    type: Inject,
+                    args: [F_FLOW]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLW1hcmtlci1zdGFydC1zZWxlY3RlZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZGVmaW5pdGlvbnMvZi1tYXJrZXJzL2YtY29ubmVjdGlvbi1tYXJrZXItc3RhcnQtc2VsZWN0ZWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxNQUFNLEVBQWEsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLG1CQUFtQixFQUFxQixNQUFNLCtCQUErQixDQUFDOzs7QUFXdkYsTUFBTSxPQUFPLHVDQUF1QztJQUVsRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxJQUFjLEVBQUU7UUFDZCxPQUFPLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLHFDQUFxQyxDQUFDLENBQUM7SUFDbEYsQ0FBQztJQUVELFlBQ1ksZ0JBQThDLEVBQzlCLEtBQWdCO1FBRGhDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBOEI7UUFDOUIsVUFBSyxHQUFMLEtBQUssQ0FBVztJQUU1QyxDQUFDOzhHQWRVLHVDQUF1Qyw0Q0FZdEMsTUFBTTtrR0FaUCx1Q0FBdUMsb0tBRnZDLENBQUUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLHVDQUF1QyxFQUFFLENBQUU7OzJGQUUxRix1Q0FBdUM7a0JBVG5ELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtDQUFrQztvQkFDNUMsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLElBQUksRUFBRTt3QkFDSixXQUFXLEVBQUUsSUFBSTt3QkFDakIsT0FBTyxFQUFFLDRDQUE0QztxQkFDdEQ7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyx5Q0FBeUMsRUFBRSxDQUFFO2lCQUN0Rzs7MEJBYU0sTUFBTTsyQkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZfRkxPVywgRkZsb3dCYXNlIH0gZnJvbSAnLi4vLi4vZi1mbG93LWJhc2UnO1xuaW1wb3J0IHsgc2FuaXRpemVFbGVtZW50SWQgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRl9DT05ORUNUSU9OX01BUktFUiwgSUNvbm5lY3Rpb25NYXJrZXIgfSBmcm9tICcuLi9kb21haW4vaS1jb25uZWN0aW9uLW1hcmtlcic7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tmQ29ubmVjdGlvbk1hcmtlclN0YXJ0U2VsZWN0ZWRdJyxcbiAgZXhwb3J0QXM6ICdmQ29tcG9uZW50JyxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgICdjbGFzcyc6ICdmLWNvbXBvbmVudCBmLWNvbm5lY3Rpb24tbWFya2VyIGYtc2VsZWN0ZWQnXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfQ09OTkVDVElPTl9NQVJLRVIsIHVzZUV4aXN0aW5nOiBGQ29ubmVjdGlvbk1hcmtlclN0YXJ0U2VsZWN0ZWREaXJlY3RpdmUgfSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGQ29ubmVjdGlvbk1hcmtlclN0YXJ0U2VsZWN0ZWREaXJlY3RpdmUgaW1wbGVtZW50cyBJQ29ubmVjdGlvbk1hcmtlciB7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdNYXJrZXJFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGlkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHNhbml0aXplRWxlbWVudElkKHRoaXMuZkZsb3cuaWQgKyAnLWYtY29ubmVjdGlvbi1tYXJrZXItc3RhcnQtc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR01hcmtlckVsZW1lbnQ+LFxuICAgICAgQEluamVjdChGX0ZMT1cpIHByaXZhdGUgZkZsb3c6IEZGbG93QmFzZSxcbiAgKSB7XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/f-flow/f-definitions/f-markers/f-connection-marker-start.directive.mjs

@@ -0,0 +1,39 @@
+import { Directive, Inject, Input } from '@angular/core';
+import { sanitizeElementId } from '@foblex/core';
+import { F_FLOW } from '../../f-flow-base';
+import { F_CONNECTION_MARKER } from '../domain/i-connection-marker';
+import * as i0 from "@angular/core";
+import * as i1 from "../../f-flow-base";
+export class FConnectionMarkerStartDirective {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    get id() {
+        return sanitizeElementId(this.fFlow.id + '-f-connection-marker-start-' + this.fConnectionMarkerStart);
+    }
+    constructor(elementReference, fFlow) {
+        this.elementReference = elementReference;
+        this.fFlow = fFlow;
+        this.fConnectionMarkerStart = 'black';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerStartDirective, deps: [{ token: i0.ElementRef }, { token: F_FLOW }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FConnectionMarkerStartDirective, selector: "[fConnectionMarkerStart]", inputs: { fConnectionMarkerStart: "fConnectionMarkerStart" }, host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-connection-marker" }, providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerStartDirective }], exportAs: ["fComponent"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FConnectionMarkerStartDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fConnectionMarkerStart]',
+                    exportAs: 'fComponent',
+                    host: {
+                        '[attr.id]': 'id',
+                        'class': 'f-component f-connection-marker'
+                    },
+                    providers: [{ provide: F_CONNECTION_MARKER, useExisting: FConnectionMarkerStartDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FFlowBase, decorators: [{
+                    type: Inject,
+                    args: [F_FLOW]
+                }] }]; }, propDecorators: { fConnectionMarkerStart: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLW1hcmtlci1zdGFydC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZGVmaW5pdGlvbnMvZi1tYXJrZXJzL2YtY29ubmVjdGlvbi1tYXJrZXItc3RhcnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLE1BQU0sRUFBYSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBcUIsTUFBTSwrQkFBK0IsQ0FBQzs7O0FBV3ZGLE1BQU0sT0FBTywrQkFBK0I7SUFFMUMsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsSUFBYyxFQUFFO1FBQ2QsT0FBTyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyw2QkFBNkIsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQztJQUN4RyxDQUFDO0lBS0QsWUFDWSxnQkFBOEMsRUFDOUIsS0FBZ0I7UUFEaEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUE4QjtRQUM5QixVQUFLLEdBQUwsS0FBSyxDQUFXO1FBSnJDLDJCQUFzQixHQUFXLE9BQU8sQ0FBQztJQU1oRCxDQUFDOzhHQWpCVSwrQkFBK0IsNENBZTlCLE1BQU07a0dBZlAsK0JBQStCLCtNQUYvQixDQUFFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSwrQkFBK0IsRUFBRSxDQUFFOzsyRkFFbEYsK0JBQStCO2tCQVQzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRSxZQUFZO29CQUN0QixJQUFJLEVBQUU7d0JBQ0osV0FBVyxFQUFFLElBQUk7d0JBQ2pCLE9BQU8sRUFBRSxpQ0FBaUM7cUJBQzNDO29CQUNELFNBQVMsRUFBRSxDQUFFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsaUNBQWlDLEVBQUUsQ0FBRTtpQkFDOUY7OzBCQWdCTSxNQUFNOzJCQUFDLE1BQU07NENBSlgsc0JBQXNCO3NCQUQ1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzYW5pdGl6ZUVsZW1lbnRJZCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX0ZMT1csIEZGbG93QmFzZSB9IGZyb20gJy4uLy4uL2YtZmxvdy1iYXNlJztcbmltcG9ydCB7IEZfQ09OTkVDVElPTl9NQVJLRVIsIElDb25uZWN0aW9uTWFya2VyIH0gZnJvbSAnLi4vZG9tYWluL2ktY29ubmVjdGlvbi1tYXJrZXInO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZkNvbm5lY3Rpb25NYXJrZXJTdGFydF0nLFxuICBleHBvcnRBczogJ2ZDb21wb25lbnQnLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgJ2NsYXNzJzogJ2YtY29tcG9uZW50IGYtY29ubmVjdGlvbi1tYXJrZXInXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfQ09OTkVDVElPTl9NQVJLRVIsIHVzZUV4aXN0aW5nOiBGQ29ubmVjdGlvbk1hcmtlclN0YXJ0RGlyZWN0aXZlIH0gXSxcbn0pXG5leHBvcnQgY2xhc3MgRkNvbm5lY3Rpb25NYXJrZXJTdGFydERpcmVjdGl2ZSBpbXBsZW1lbnRzIElDb25uZWN0aW9uTWFya2VyIHtcblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IFNWR01hcmtlckVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXQgaWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gc2FuaXRpemVFbGVtZW50SWQodGhpcy5mRmxvdy5pZCArICctZi1jb25uZWN0aW9uLW1hcmtlci1zdGFydC0nICsgdGhpcy5mQ29ubmVjdGlvbk1hcmtlclN0YXJ0KTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmQ29ubmVjdGlvbk1hcmtlclN0YXJ0OiBzdHJpbmcgPSAnYmxhY2snO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR01hcmtlckVsZW1lbnQ+LFxuICAgICAgQEluamVjdChGX0ZMT1cpIHByaXZhdGUgZkZsb3c6IEZGbG93QmFzZSxcbiAgKSB7XG4gIH1cbn1cbiJdfQ==

package/esm2022/components/f-flow/f-definitions/f-markers/index.mjs

@@ -0,0 +1,5 @@
+export * from './f-connection-marker-end.directive';
+export * from './f-connection-marker-end-selected.directive';
+export * from './f-connection-marker-start.directive';
+export * from './f-connection-marker-start-selected.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZGVmaW5pdGlvbnMvZi1tYXJrZXJzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUNBQXFDLENBQUM7QUFFcEQsY0FBYyw4Q0FBOEMsQ0FBQztBQUU3RCxjQUFjLHVDQUF1QyxDQUFDO0FBRXRELGNBQWMsZ0RBQWdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdGlvbi1tYXJrZXItZW5kLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLW1hcmtlci1lbmQtc2VsZWN0ZWQuZGlyZWN0aXZlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rpb24tbWFya2VyLXN0YXJ0LmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLW1hcmtlci1zdGFydC1zZWxlY3RlZC5kaXJlY3RpdmUnO1xuIl19