@foblex/flow 0.0.1

package/esm2022/lib/components/f-connection/f-gradient/f-connection-gradient.component.mjs

@@ -0,0 +1,59 @@
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { Point } from '@foblex/core';
+import { F_CONNECTION_IDENTIFIERS } from '../f-connection-identifiers';
+import * as i0 from "@angular/core";
+export class FConnectionGradientComponent {
+    get gradientId() {
+        return F_CONNECTION_IDENTIFIERS.gradientId(this.fromTo?.output.id + this.fromTo?.input?.id);
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    get stop1Element() {
+        return this.elementReference.nativeElement.children.item(0);
+    }
+    get stop2Element() {
+        return this.elementReference.nativeElement.children.item(1);
+    }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+    }
+    ngAfterContentInit() {
+        this.stop1Element.setAttribute('offset', '0%');
+        this.stop2Element.setAttribute('offset', '100%');
+    }
+    updateGradient() {
+        this.setFromColor(this.fromTo?.output.color);
+        this.setToColor(this.fromTo?.input?.color);
+    }
+    setFromColor(color) {
+        this.stop1Element.setAttribute('stop-color', color || 'transparent');
+    }
+    setToColor(color) {
+        this.stop2Element.setAttribute('stop-color', color || 'transparent');
+    }
+    redraw(vector) {
+        const x = vector.point2.x - vector.point1.x;
+        const y = vector.point2.y - vector.point1.y;
+        const distance = Math.sqrt(x * x + y * y) || 0.01;
+        const from = new Point(0.5 - (0.5 * x) / distance, 0.5 - (0.5 * y) / distance);
+        this.hostElement.setAttribute('x1', from.x.toString());
+        this.hostElement.setAttribute('y1', from.y.toString());
+        const to = new Point(0.5 + (0.5 * x) / distance, 0.5 + (0.5 * y) / distance);
+        this.hostElement.setAttribute('x2', to.x.toString());
+        this.hostElement.setAttribute('y2', to.y.toString());
+        this.updateGradient();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionGradientComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]", inputs: { fromTo: "fromTo" }, host: { properties: { "attr.id": "gradientId" }, classAttribute: "f-component f-connection-gradient" }, ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:stop/>\n    <svg:stop/>\n</ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionGradientComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "linearGradient[fConnectionGradient]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "f-component f-connection-gradient",
+                        '[attr.id]': 'gradientId'
+                    }, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:stop/>\n    <svg:stop/>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { fromTo: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLWdyYWRpZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtZ3JhZGllbnQvZi1jb25uZWN0aW9uLWdyYWRpZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtZ3JhZGllbnQvZi1jb25uZWN0aW9uLWdyYWRpZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUFjLEtBQUssRUFDN0IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUE0QixLQUFLLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDL0QsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBYXZFLE1BQU0sT0FBTyw0QkFBNEI7SUFLdkMsSUFBVyxVQUFVO1FBQ25CLE9BQU8sd0JBQXdCLENBQUMsVUFBVSxDQUN4QyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUNoRCxDQUFDO0lBQ0osQ0FBQztJQUVELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQW1CLENBQUM7SUFDaEYsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQW1CLENBQUM7SUFDaEYsQ0FBQztJQUVELFlBQ1UsZ0JBQXNEO1FBQXRELHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBc0M7SUFFaEUsQ0FBQztJQUVNLGtCQUFrQjtRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDL0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFTyxjQUFjO1FBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRU8sWUFBWSxDQUFDLEtBQXlCO1FBQzVDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxLQUFLLElBQUksYUFBYSxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVPLFVBQVUsQ0FBQyxLQUF5QjtRQUMxQyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsS0FBSyxJQUFJLGFBQWEsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFTSxNQUFNLENBQUMsTUFBZTtRQUMzQixNQUFNLENBQUMsR0FBVyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUNwRCxNQUFNLENBQUMsR0FBVyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUNwRCxNQUFNLFFBQVEsR0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQztRQUUxRCxNQUFNLElBQUksR0FBRyxJQUFJLEtBQUssQ0FBQyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEdBQUcsUUFBUSxFQUFFLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQztRQUUvRSxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFFdkQsTUFBTSxFQUFFLEdBQUcsSUFBSSxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLFFBQVEsRUFBRSxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDOzhHQTVEVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixpTkNuQnpDLDhHQUlBOzsyRkRlYSw0QkFBNEI7a0JBVHhDLFNBQVM7K0JBQ0UscUNBQXFDLG1CQUU5Qix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxtQ0FBbUM7d0JBQzFDLFdBQVcsRUFBRSxZQUFZO3FCQUMxQjtpR0FLTSxNQUFNO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgSUhhc0hvc3RFbGVtZW50LCBJVmVjdG9yLCBQb2ludCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX0NPTk5FQ1RJT05fSURFTlRJRklFUlMgfSBmcm9tICcuLi9mLWNvbm5lY3Rpb24taWRlbnRpZmllcnMnO1xuaW1wb3J0IHsgSUlucHV0T3V0cHV0TW9kZWwgfSBmcm9tICcuLi9pLWlucHV0LW91dHB1dC1tb2RlbCc7XG5pbXBvcnQgeyBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uLy4uL2YtY29ubmVjdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJsaW5lYXJHcmFkaWVudFtmQ29ubmVjdGlvbkdyYWRpZW50XVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2YtY29ubmVjdGlvbi1ncmFkaWVudC5jb21wb25lbnQuaHRtbFwiLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiBcImYtY29tcG9uZW50IGYtY29ubmVjdGlvbi1ncmFkaWVudFwiLFxuICAgICdbYXR0ci5pZF0nOiAnZ3JhZGllbnRJZCdcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRkNvbm5lY3Rpb25HcmFkaWVudENvbXBvbmVudCBpbXBsZW1lbnRzIElIYXNIb3N0RWxlbWVudCwgQWZ0ZXJDb250ZW50SW5pdCB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGZyb21UbzogSUlucHV0T3V0cHV0TW9kZWw8Rk5vZGVPdXRwdXRCYXNlIHwgRk5vZGVPdXRsZXRCYXNlPiB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgZ2V0IGdyYWRpZW50SWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gRl9DT05ORUNUSU9OX0lERU5USUZJRVJTLmdyYWRpZW50SWQoXG4gICAgICB0aGlzLmZyb21Ubz8ub3V0cHV0LmlkICsgdGhpcy5mcm9tVG8/LmlucHV0Py5pZFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IFNWR0xpbmVhckdyYWRpZW50RWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHVibGljIGdldCBzdG9wMUVsZW1lbnQoKTogU1ZHU3RvcEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudC5jaGlsZHJlbi5pdGVtKDApIGFzIFNWR1N0b3BFbGVtZW50O1xuICB9XG5cbiAgcHVibGljIGdldCBzdG9wMkVsZW1lbnQoKTogU1ZHU3RvcEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudC5jaGlsZHJlbi5pdGVtKDEpIGFzIFNWR1N0b3BFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR0xpbmVhckdyYWRpZW50RWxlbWVudD4sXG4gICkge1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0b3AxRWxlbWVudC5zZXRBdHRyaWJ1dGUoJ29mZnNldCcsICcwJScpO1xuICAgIHRoaXMuc3RvcDJFbGVtZW50LnNldEF0dHJpYnV0ZSgnb2Zmc2V0JywgJzEwMCUnKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlR3JhZGllbnQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRGcm9tQ29sb3IodGhpcy5mcm9tVG8/Lm91dHB1dC5jb2xvcik7XG4gICAgdGhpcy5zZXRUb0NvbG9yKHRoaXMuZnJvbVRvPy5pbnB1dD8uY29sb3IpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRGcm9tQ29sb3IoY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCk6IHZvaWQge1xuICAgIHRoaXMuc3RvcDFFbGVtZW50LnNldEF0dHJpYnV0ZSgnc3RvcC1jb2xvcicsIGNvbG9yIHx8ICd0cmFuc3BhcmVudCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRUb0NvbG9yKGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQpOiB2b2lkIHtcbiAgICB0aGlzLnN0b3AyRWxlbWVudC5zZXRBdHRyaWJ1dGUoJ3N0b3AtY29sb3InLCBjb2xvciB8fCAndHJhbnNwYXJlbnQnKTtcbiAgfVxuXG4gIHB1YmxpYyByZWRyYXcodmVjdG9yOiBJVmVjdG9yKTogdm9pZCB7XG4gICAgY29uc3QgeDogbnVtYmVyID0gdmVjdG9yLnBvaW50Mi54IC0gdmVjdG9yLnBvaW50MS54O1xuICAgIGNvbnN0IHk6IG51bWJlciA9IHZlY3Rvci5wb2ludDIueSAtIHZlY3Rvci5wb2ludDEueTtcbiAgICBjb25zdCBkaXN0YW5jZTogbnVtYmVyID0gTWF0aC5zcXJ0KHggKiB4ICsgeSAqIHkpIHx8IDAuMDE7XG5cbiAgICBjb25zdCBmcm9tID0gbmV3IFBvaW50KDAuNSAtICgwLjUgKiB4KSAvIGRpc3RhbmNlLCAwLjUgLSAoMC41ICogeSkgLyBkaXN0YW5jZSk7XG5cbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgneDEnLCBmcm9tLngudG9TdHJpbmcoKSk7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoJ3kxJywgZnJvbS55LnRvU3RyaW5nKCkpO1xuXG4gICAgY29uc3QgdG8gPSBuZXcgUG9pbnQoMC41ICsgKDAuNSAqIHgpIC8gZGlzdGFuY2UsIDAuNSArICgwLjUgKiB5KSAvIGRpc3RhbmNlKTtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgneDInLCB0by54LnRvU3RyaW5nKCkpO1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCd5MicsIHRvLnkudG9TdHJpbmcoKSk7XG4gICAgdGhpcy51cGRhdGVHcmFkaWVudCgpO1xuICB9XG59XG5cbiIsIjxuZy1jb250YWluZXIgeG1sbnM6c3ZnPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICA8c3ZnOnN0b3AvPlxuICAgIDxzdmc6c3RvcC8+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/lib/components/f-connection/f-gradient/index.mjs

@@ -0,0 +1,2 @@
+export * from './f-connection-gradient.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLWdyYWRpZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdGlvbi1ncmFkaWVudC5jb21wb25lbnQnO1xuIl19

package/esm2022/lib/components/f-connection/f-path/f-connection-path.component.mjs

@@ -0,0 +1,55 @@
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { F_CONNECTION_IDENTIFIERS } from '../f-connection-identifiers';
+import * as i0 from "@angular/core";
+export class FConnectionPathComponent {
+    get linkToGradient() {
+        return F_CONNECTION_IDENTIFIERS.linkToGradient(this.fromTo?.output.id + this.fromTo?.input?.id);
+    }
+    get attrConnectionId() {
+        return F_CONNECTION_IDENTIFIERS.connectionId(this.fromTo?.output.id + this.fromTo?.input?.id);
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+    }
+    ngOnInit() {
+        this.deselect();
+    }
+    setPath(path) {
+        this.hostElement.setAttribute("d", `${path}`);
+    }
+    select() {
+        this.hostElement.setAttribute('marker-start', `url(#connection-marker-start-selected)`);
+        this.hostElement.setAttribute('marker-end', `url(#connection-marker-end-selected)`);
+    }
+    deselect() {
+        if (this.fromTo?.input) {
+            this.hostElement.setAttribute('marker-start', `url(#connection-marker-start-${this.fromTo?.output?.color})`);
+            this.hostElement.setAttribute('marker-end', `url(#connection-marker-end-${this.fromTo?.input?.color})`);
+        }
+        else {
+            this.hostElement.setAttribute('marker-start', `url(#connection-marker-start)`);
+            this.hostElement.setAttribute('marker-end', `url(#connection-marker-end)`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionPathComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: FConnectionPathComponent, selector: "path[f-connection-path]", inputs: { fromTo: "fromTo" }, host: { properties: { "attr.id": "attrConnectionId", "attr.stroke": "linkToGradient" }, classAttribute: "f-component f-connection-path" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionPathComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "path[f-connection-path]",
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: "f-component f-connection-path",
+                        '[attr.id]': 'attrConnectionId',
+                        '[attr.stroke]': 'linkToGradient',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { fromTo: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLXBhdGguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi1wYXRoL2YtY29ubmVjdGlvbi1wYXRoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFBYyxLQUFLLEVBQzdCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWV2RSxNQUFNLE9BQU8sd0JBQXdCO0lBS25DLElBQVcsY0FBYztRQUN2QixPQUFPLHdCQUF3QixDQUFDLGNBQWMsQ0FDMUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDbEQsQ0FBQztJQUNKLENBQUM7SUFFRCxJQUFXLGdCQUFnQjtRQUN6QixPQUFPLHdCQUF3QixDQUFDLFlBQVksQ0FDeEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDbEQsQ0FBQztJQUNKLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxZQUNZLGdCQUE0QztRQUE1QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQTRCO0lBRXhELENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFTSxPQUFPLENBQUMsSUFBWTtRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxHQUFHLEVBQUUsR0FBSSxJQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsY0FBYyxFQUFFLHdDQUF3QyxDQUFDLENBQUM7UUFDeEYsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLHNDQUFzQyxDQUFDLENBQUM7SUFDdEYsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFO1lBQ3RCLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLGNBQWMsRUFBRSxnQ0FBaUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBTSxHQUFHLENBQUMsQ0FBQztZQUMvRyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsOEJBQStCLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQU0sR0FBRyxDQUFDLENBQUM7U0FDM0c7YUFBTTtZQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLGNBQWMsRUFBRSwrQkFBK0IsQ0FBQyxDQUFDO1lBQy9FLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSw2QkFBNkIsQ0FBQyxDQUFDO1NBQzVFO0lBQ0gsQ0FBQzs4R0EvQ1Usd0JBQXdCO2tHQUF4Qix3QkFBd0Isd09BUnpCLEVBQUU7OzJGQVFELHdCQUF3QjtrQkFWcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUUsRUFBRTtvQkFDWixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSwrQkFBK0I7d0JBQ3RDLFdBQVcsRUFBRSxrQkFBa0I7d0JBQy9CLGVBQWUsRUFBRSxnQkFBZ0I7cUJBQ2xDO2lCQUNGO2lHQUlRLE1BQU07c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX0NPTk5FQ1RJT05fSURFTlRJRklFUlMgfSBmcm9tICcuLi9mLWNvbm5lY3Rpb24taWRlbnRpZmllcnMnO1xuaW1wb3J0IHsgSUlucHV0T3V0cHV0TW9kZWwgfSBmcm9tICcuLi9pLWlucHV0LW91dHB1dC1tb2RlbCc7XG5pbXBvcnQgeyBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uLy4uL2YtY29ubmVjdG9ycyc7XG5pbXBvcnQgeyBJU2VsZWN0YWJsZSB9IGZyb20gJy4uLy4uLy4uL2ktc2VsZWN0YWJsZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJwYXRoW2YtY29ubmVjdGlvbi1wYXRoXVwiLFxuICB0ZW1wbGF0ZTogJycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1jb25uZWN0aW9uLXBhdGhcIixcbiAgICAnW2F0dHIuaWRdJzogJ2F0dHJDb25uZWN0aW9uSWQnLFxuICAgICdbYXR0ci5zdHJva2VdJzogJ2xpbmtUb0dyYWRpZW50JyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50IGltcGxlbWVudHMgSUhhc0hvc3RFbGVtZW50LCBJU2VsZWN0YWJsZSwgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZnJvbVRvOiBJSW5wdXRPdXRwdXRNb2RlbDxGTm9kZU91dHB1dEJhc2UgfCBGTm9kZU91dGxldEJhc2U+IHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBnZXQgbGlua1RvR3JhZGllbnQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gRl9DT05ORUNUSU9OX0lERU5USUZJRVJTLmxpbmtUb0dyYWRpZW50KFxuICAgICAgICB0aGlzLmZyb21Ubz8ub3V0cHV0LmlkICsgdGhpcy5mcm9tVG8/LmlucHV0Py5pZFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGF0dHJDb25uZWN0aW9uSWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gRl9DT05ORUNUSU9OX0lERU5USUZJRVJTLmNvbm5lY3Rpb25JZChcbiAgICAgICAgdGhpcy5mcm9tVG8/Lm91dHB1dC5pZCArIHRoaXMuZnJvbVRvPy5pbnB1dD8uaWRcbiAgICApO1xuICB9XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdQYXRoRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHUGF0aEVsZW1lbnQ+LFxuICApIHtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc2VsZWN0KCk7XG4gIH1cblxuICBwdWJsaWMgc2V0UGF0aChwYXRoOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZShcImRcIiwgYCR7IHBhdGggfWApO1xuICB9XG5cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnbWFya2VyLXN0YXJ0JywgYHVybCgjY29ubmVjdGlvbi1tYXJrZXItc3RhcnQtc2VsZWN0ZWQpYCk7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoJ21hcmtlci1lbmQnLCBgdXJsKCNjb25uZWN0aW9uLW1hcmtlci1lbmQtc2VsZWN0ZWQpYCk7XG4gIH1cblxuICBwdWJsaWMgZGVzZWxlY3QoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZnJvbVRvPy5pbnB1dCkge1xuICAgICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoJ21hcmtlci1zdGFydCcsIGB1cmwoI2Nvbm5lY3Rpb24tbWFya2VyLXN0YXJ0LSR7IHRoaXMuZnJvbVRvPy5vdXRwdXQ/LmNvbG9yIH0pYCk7XG4gICAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZSgnbWFya2VyLWVuZCcsIGB1cmwoI2Nvbm5lY3Rpb24tbWFya2VyLWVuZC0keyB0aGlzLmZyb21Ubz8uaW5wdXQ/LmNvbG9yIH0pYCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCdtYXJrZXItc3RhcnQnLCBgdXJsKCNjb25uZWN0aW9uLW1hcmtlci1zdGFydClgKTtcbiAgICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCdtYXJrZXItZW5kJywgYHVybCgjY29ubmVjdGlvbi1tYXJrZXItZW5kKWApO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/lib/components/f-connection/f-path/index.mjs

@@ -0,0 +1,2 @@
+export * from './f-connection-path.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLXBhdGgvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLXBhdGguY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/f-connection/f-selection/f-connection-selection.component.mjs

@@ -0,0 +1,34 @@
+import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
+import { F_CONNECTION_IDENTIFIERS } from '../f-connection-identifiers';
+import * as i0 from "@angular/core";
+export class FConnectionSelectionComponent {
+    get connectionForSelectionId() {
+        return F_CONNECTION_IDENTIFIERS.connectionForSelectionId(this.fromTo?.output.id + this.fromTo?.input?.id);
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+    }
+    setPath(path) {
+        this.hostElement.setAttribute("d", `${path}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionSelectionComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]", inputs: { fromTo: "fromTo" }, host: { properties: { "attr.id": "connectionForSelectionId" }, classAttribute: "f-component f-connection-selection" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FConnectionSelectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "path[fConnectionSelection]",
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: "f-component f-connection-selection",
+                        '[attr.id]': 'connectionForSelectionId',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { fromTo: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0aW9uLXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLXNlbGVjdGlvbi9mLWNvbm5lY3Rpb24tc2VsZWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFBYyxLQUFLLEVBQzdCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWF2RSxNQUFNLE9BQU8sNkJBQTZCO0lBS3hDLElBQVcsd0JBQXdCO1FBQ2pDLE9BQU8sd0JBQXdCLENBQUMsd0JBQXdCLENBQ3BELElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQ2xELENBQUM7SUFDSixDQUFDO0lBRUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFDWSxnQkFBNEM7UUFBNUMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUE0QjtJQUV4RCxDQUFDO0lBRU0sT0FBTyxDQUFDLElBQVk7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsR0FBRyxFQUFFLEdBQUksSUFBSyxFQUFFLENBQUMsQ0FBQztJQUNsRCxDQUFDOzhHQXRCVSw2QkFBNkI7a0dBQTdCLDZCQUE2Qix1TkFQOUIsRUFBRTs7MkZBT0QsNkJBQTZCO2tCQVR6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLFFBQVEsRUFBRSxFQUFFO29CQUNaLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLG9DQUFvQzt3QkFDM0MsV0FBVyxFQUFFLDBCQUEwQjtxQkFDeEM7aUJBQ0Y7aUdBSVEsTUFBTTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX0NPTk5FQ1RJT05fSURFTlRJRklFUlMgfSBmcm9tICcuLi9mLWNvbm5lY3Rpb24taWRlbnRpZmllcnMnO1xuaW1wb3J0IHsgSUlucHV0T3V0cHV0TW9kZWwgfSBmcm9tICcuLi9pLWlucHV0LW91dHB1dC1tb2RlbCc7XG5pbXBvcnQgeyBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uLy4uL2YtY29ubmVjdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJwYXRoW2ZDb25uZWN0aW9uU2VsZWN0aW9uXVwiLFxuICB0ZW1wbGF0ZTogJycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1jb25uZWN0aW9uLXNlbGVjdGlvblwiLFxuICAgICdbYXR0ci5pZF0nOiAnY29ubmVjdGlvbkZvclNlbGVjdGlvbklkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRkNvbm5lY3Rpb25TZWxlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBJSGFzSG9zdEVsZW1lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmcm9tVG86IElJbnB1dE91dHB1dE1vZGVsPEZOb2RlT3V0cHV0QmFzZSB8IEZOb2RlT3V0bGV0QmFzZT4gfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGdldCBjb25uZWN0aW9uRm9yU2VsZWN0aW9uSWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gRl9DT05ORUNUSU9OX0lERU5USUZJRVJTLmNvbm5lY3Rpb25Gb3JTZWxlY3Rpb25JZChcbiAgICAgICAgdGhpcy5mcm9tVG8/Lm91dHB1dC5pZCArIHRoaXMuZnJvbVRvPy5pbnB1dD8uaWRcbiAgICApO1xuICB9XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdQYXRoRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHUGF0aEVsZW1lbnQ+LFxuICApIHtcbiAgfVxuXG4gIHB1YmxpYyBzZXRQYXRoKHBhdGg6IHN0cmluZykge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKFwiZFwiLCBgJHsgcGF0aCB9YCk7XG4gIH1cbn1cblxuIl19

package/esm2022/lib/components/f-connection/f-selection/index.mjs

@@ -0,0 +1,2 @@
+export * from './f-connection-selection.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLXNlbGVjdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rpb24tc2VsZWN0aW9uLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/components/f-connection/f-temp-connection/f-temp-connection.component.mjs

@@ -0,0 +1,61 @@
+import { ChangeDetectionStrategy, Component, InjectionToken, ViewChild } from "@angular/core";
+import { FConnectionBase } from '../f-connection-base';
+import { FConnectionPathComponent } from '../f-path/f-connection-path.component';
+import { FConnectionGradientComponent } from '../f-gradient/f-connection-gradient.component';
+import { FConnectionTextComponent } from '../f-connection-text/f-connection-text.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../f-gradient/f-connection-gradient.component";
+import * as i2 from "../f-path/f-connection-path.component";
+import * as i3 from "../f-connection-text/f-connection-text.component";
+export const F_TEMP_CONNECTION_COMPONENT = new InjectionToken('F_TEMP_CONNECTION_COMPONENT');
+let uniqueId = 0;
+export class FTempConnectionComponent extends FConnectionBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        super();
+        this.elementReference = elementReference;
+        this.id = `f-temp-connection-${uniqueId++}`;
+    }
+    ngAfterViewInit() {
+        this.hostElement.style.display = "none";
+    }
+    initializeDrag() {
+        this.hostElement.style.display = "unset";
+    }
+    setVector(vector) {
+        this.vector = vector;
+        this.path = `M${vector.point1.x},${vector.point1.y}L${vector.point2.x + 0.0001},${vector.point2.y + 0.0001}`;
+    }
+    redraw() {
+        this.fPath.setPath(this.path);
+        this.fGradient.redraw(this.vector);
+        this.fText.redraw(this.vector);
+    }
+    completeDrag() {
+        this.hostElement.style.display = "none";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FTempConnectionComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: FTempConnectionComponent, selector: "g[fTempConnection]", host: { classAttribute: "f-component f-connection f-temp-connection" }, providers: [
+            { provide: F_TEMP_CONNECTION_COMPONENT, useExisting: FTempConnectionComponent }
+        ], viewQueries: [{ propertyName: "fPath", first: true, predicate: FConnectionPathComponent, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: FConnectionGradientComponent, descendants: true, static: true }, { propertyName: "fText", first: true, predicate: FConnectionTextComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:linearGradient fConnectionGradient [fromTo]=\"fromTo\"></svg:linearGradient>\n    <svg:g>\n        <svg:path f-connection-path stroke-dasharray=\"10,10\" [attr.d]=\"path\" [fromTo]=\"fromTo\"></svg:path>\n    </svg:g>\n    <svg:text f-connection-text [fromTo]=\"fromTo\"></svg:text>\n</ng-container>\n", dependencies: [{ kind: "component", type: i1.FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]", inputs: ["fromTo"] }, { kind: "component", type: i2.FConnectionPathComponent, selector: "path[f-connection-path]", inputs: ["fromTo"] }, { kind: "component", type: i3.FConnectionTextComponent, selector: "text[f-connection-text]", inputs: ["fromTo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FTempConnectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "g[fTempConnection]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "f-component f-connection f-temp-connection"
+                    }, providers: [
+                        { provide: F_TEMP_CONNECTION_COMPONENT, useExisting: FTempConnectionComponent }
+                    ], template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:linearGradient fConnectionGradient [fromTo]=\"fromTo\"></svg:linearGradient>\n    <svg:g>\n        <svg:path f-connection-path stroke-dasharray=\"10,10\" [attr.d]=\"path\" [fromTo]=\"fromTo\"></svg:path>\n    </svg:g>\n    <svg:text f-connection-text [fromTo]=\"fromTo\"></svg:text>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { fPath: [{
+                type: ViewChild,
+                args: [FConnectionPathComponent, { static: true }]
+            }], fGradient: [{
+                type: ViewChild,
+                args: [FConnectionGradientComponent, { static: true }]
+            }], fText: [{
+                type: ViewChild,
+                args: [FConnectionTextComponent, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi10ZW1wLWNvbm5lY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi10ZW1wLWNvbm5lY3Rpb24vZi10ZW1wLWNvbm5lY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZi10ZW1wLWNvbm5lY3Rpb24vZi10ZW1wLWNvbm5lY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQWMsY0FBYyxFQUFFLFNBQVMsRUFDakQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXZELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7OztBQUc1RixNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRyxJQUFJLGNBQWMsQ0FBa0IsNkJBQTZCLENBQUMsQ0FBQztBQUU5RyxJQUFJLFFBQVEsR0FBVyxDQUFDLENBQUM7QUFhekIsTUFBTSxPQUFPLHdCQUNYLFNBQVEsZUFBa0Q7SUFpQjFELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELFlBQ1UsZ0JBQXlDO1FBRWpELEtBQUssRUFBRSxDQUFDO1FBRkEscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQXBCbkMsT0FBRSxHQUFXLHFCQUFzQixRQUFRLEVBQUcsRUFBRSxDQUFDO0lBdUJqRSxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO0lBQzFDLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDM0MsQ0FBQztJQUVNLFNBQVMsQ0FBQyxNQUFlO1FBQzlCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUUsSUFBSyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUUsSUFBSyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxNQUFPLElBQUssTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsTUFBTyxFQUFFLENBQUM7SUFDdkgsQ0FBQztJQUVNLE1BQU07UUFDWCxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO0lBQzFDLENBQUM7OEdBakRVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHFIQUp4QjtZQUNULEVBQUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLFdBQVcsRUFBRSx3QkFBd0IsRUFBRTtTQUNoRixpRUFXVSx3QkFBd0IsMEZBR3hCLDRCQUE0QixzRkFHNUIsd0JBQXdCLHFGQzFDckMsaVhBT0E7OzJGRG9CYSx3QkFBd0I7a0JBWHBDLFNBQVM7K0JBQ0Usb0JBQW9CLG1CQUViLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osS0FBSyxFQUFFLDRDQUE0QztxQkFDcEQsYUFDVTt3QkFDVCxFQUFFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxXQUFXLDBCQUEwQixFQUFFO3FCQUNoRjtpR0FZZSxLQUFLO3NCQURwQixTQUFTO3VCQUFDLHdCQUF3QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJOUMsU0FBUztzQkFEZixTQUFTO3VCQUFDLDRCQUE0QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJbEQsS0FBSztzQkFEWCxTQUFTO3VCQUFDLHdCQUF3QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdGlvblRva2VuLCBWaWV3Q2hpbGRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZDb25uZWN0aW9uQmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdGlvbi1iYXNlJztcbmltcG9ydCB7IEZOb2RlT3V0bGV0QmFzZSwgRk5vZGVPdXRwdXRCYXNlIH0gZnJvbSAnLi4vLi4vZi1jb25uZWN0b3JzJztcbmltcG9ydCB7IEZDb25uZWN0aW9uUGF0aENvbXBvbmVudCB9IGZyb20gJy4uL2YtcGF0aC9mLWNvbm5lY3Rpb24tcGF0aC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3Rpb25HcmFkaWVudENvbXBvbmVudCB9IGZyb20gJy4uL2YtZ3JhZGllbnQvZi1jb25uZWN0aW9uLWdyYWRpZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvblRleHRDb21wb25lbnQgfSBmcm9tICcuLi9mLWNvbm5lY3Rpb24tdGV4dC9mLWNvbm5lY3Rpb24tdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSVZlY3RvciB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBGX1RFTVBfQ09OTkVDVElPTl9DT01QT05FTlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48RkNvbm5lY3Rpb25CYXNlPignRl9URU1QX0NPTk5FQ1RJT05fQ09NUE9ORU5UJyk7XG5cbmxldCB1bmlxdWVJZDogbnVtYmVyID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImdbZlRlbXBDb25uZWN0aW9uXVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2YtdGVtcC1jb25uZWN0aW9uLmNvbXBvbmVudC5odG1sXCIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1jb25uZWN0aW9uIGYtdGVtcC1jb25uZWN0aW9uXCJcbiAgfSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBGX1RFTVBfQ09OTkVDVElPTl9DT01QT05FTlQsIHVzZUV4aXN0aW5nOiBGVGVtcENvbm5lY3Rpb25Db21wb25lbnQgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGVGVtcENvbm5lY3Rpb25Db21wb25lbnRcbiAgZXh0ZW5kcyBGQ29ubmVjdGlvbkJhc2U8Rk5vZGVPdXRwdXRCYXNlIHwgRk5vZGVPdXRsZXRCYXNlPiBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gIHB1YmxpYyBvdmVycmlkZSBpZDogc3RyaW5nID0gYGYtdGVtcC1jb25uZWN0aW9uLSR7IHVuaXF1ZUlkKysgfWA7XG5cbiAgcHVibGljIG92ZXJyaWRlIG91dHB1dElkOiBhbnk7XG5cbiAgcHVibGljIG92ZXJyaWRlIGlucHV0SWQ6IGFueTtcblxuICBAVmlld0NoaWxkKEZDb25uZWN0aW9uUGF0aENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIG92ZXJyaWRlIGZQYXRoITogRkNvbm5lY3Rpb25QYXRoQ29tcG9uZW50O1xuXG4gIEBWaWV3Q2hpbGQoRkNvbm5lY3Rpb25HcmFkaWVudENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIGZHcmFkaWVudCE6IEZDb25uZWN0aW9uR3JhZGllbnRDb21wb25lbnQ7XG5cbiAgQFZpZXdDaGlsZChGQ29ubmVjdGlvblRleHRDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBmVGV4dCE6IEZDb25uZWN0aW9uVGV4dENvbXBvbmVudDtcblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IFNWR0dFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHR0VsZW1lbnQ+XG4gICkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc3R5bGUuZGlzcGxheSA9IFwibm9uZVwiO1xuICB9XG5cbiAgcHVibGljIGluaXRpYWxpemVEcmFnKCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc3R5bGUuZGlzcGxheSA9IFwidW5zZXRcIjtcbiAgfVxuXG4gIHB1YmxpYyBzZXRWZWN0b3IodmVjdG9yOiBJVmVjdG9yKTogdm9pZCB7XG4gICAgdGhpcy52ZWN0b3IgPSB2ZWN0b3I7XG4gICAgdGhpcy5wYXRoID0gYE0keyB2ZWN0b3IucG9pbnQxLnggfSwkeyB2ZWN0b3IucG9pbnQxLnkgfUwkeyB2ZWN0b3IucG9pbnQyLnggKyAwLjAwMDEgfSwkeyB2ZWN0b3IucG9pbnQyLnkgKyAwLjAwMDEgfWA7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KCk6IHZvaWQge1xuICAgIHRoaXMuZlBhdGguc2V0UGF0aCh0aGlzLnBhdGgpO1xuICAgIHRoaXMuZkdyYWRpZW50LnJlZHJhdyh0aGlzLnZlY3Rvcik7XG4gICAgdGhpcy5mVGV4dC5yZWRyYXcodGhpcy52ZWN0b3IpO1xuICB9XG5cbiAgcHVibGljIGNvbXBsZXRlRHJhZygpOiB2b2lkIHtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnN0eWxlLmRpc3BsYXkgPSBcIm5vbmVcIjtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciB4bWxuczpzdmc9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgIDxzdmc6bGluZWFyR3JhZGllbnQgZkNvbm5lY3Rpb25HcmFkaWVudCBbZnJvbVRvXT1cImZyb21Ub1wiPjwvc3ZnOmxpbmVhckdyYWRpZW50PlxuICAgIDxzdmc6Zz5cbiAgICAgICAgPHN2ZzpwYXRoIGYtY29ubmVjdGlvbi1wYXRoIHN0cm9rZS1kYXNoYXJyYXk9XCIxMCwxMFwiIFthdHRyLmRdPVwicGF0aFwiIFtmcm9tVG9dPVwiZnJvbVRvXCI+PC9zdmc6cGF0aD5cbiAgICA8L3N2ZzpnPlxuICAgIDxzdmc6dGV4dCBmLWNvbm5lY3Rpb24tdGV4dCBbZnJvbVRvXT1cImZyb21Ub1wiPjwvc3ZnOnRleHQ+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/lib/components/f-connection/f-temp-connection/index.mjs

@@ -0,0 +1,3 @@
+export * from './f-temp-connection.component';
+export * from './temp-connection-input-output-model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9mLXRlbXAtY29ubmVjdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0NBQXNDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2YtdGVtcC1jb25uZWN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3RlbXAtY29ubmVjdGlvbi1pbnB1dC1vdXRwdXQtbW9kZWwnO1xuIl19

package/esm2022/lib/components/f-connection/f-temp-connection/temp-connection-input-output-model.mjs

@@ -0,0 +1,7 @@
+export class TempConnectionInputOutputModel {
+    constructor(output) {
+        this.output = output;
+        this.input = null;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcC1jb25uZWN0aW9uLWlucHV0LW91dHB1dC1tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL2YtdGVtcC1jb25uZWN0aW9uL3RlbXAtY29ubmVjdGlvbi1pbnB1dC1vdXRwdXQtbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsTUFBTSxPQUFPLDhCQUE4QjtJQUt6QyxZQUNTLE1BQXlDO1FBQXpDLFdBQU0sR0FBTixNQUFNLENBQW1DO1FBSDNDLFVBQUssR0FBRyxJQUFJLENBQUM7SUFLcEIsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSUlucHV0T3V0cHV0TW9kZWwgfSBmcm9tICcuLi9pLWlucHV0LW91dHB1dC1tb2RlbCc7XG5pbXBvcnQgeyBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uLy4uL2YtY29ubmVjdG9ycyc7XG5cbmV4cG9ydCBjbGFzcyBUZW1wQ29ubmVjdGlvbklucHV0T3V0cHV0TW9kZWxcbiAgaW1wbGVtZW50cyBJSW5wdXRPdXRwdXRNb2RlbDxGTm9kZU91dHB1dEJhc2UgfCBGTm9kZU91dGxldEJhc2UsIG51bGw+IHtcblxuICBwdWJsaWMgaW5wdXQgPSBudWxsO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgb3V0cHV0OiBGTm9kZU91dHB1dEJhc2UgfCBGTm9kZU91dGxldEJhc2VcbiAgKSB7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/f-connection/get-connection-intersect.mjs

@@ -0,0 +1,10 @@
+import { RectExtensions } from '@foblex/core';
+export function getConnectionIntersect(fromRect, toRect) {
+    const fromResult = RectExtensions.intersectionWithVector(fromRect, fromRect.gravityCenter, toRect.gravityCenter);
+    const toResult = RectExtensions.intersectionWithVector(toRect, fromRect.gravityCenter, toRect.gravityCenter);
+    return {
+        point1: fromResult ? fromResult[1] : fromRect.gravityCenter,
+        point2: toResult ? toResult[0] : toRect.gravityCenter,
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWNvbm5lY3Rpb24taW50ZXJzZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3Rpb24vZ2V0LWNvbm5lY3Rpb24taW50ZXJzZWN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBa0IsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTlELE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxRQUFlLEVBQUUsTUFBYTtJQUVuRSxNQUFNLFVBQVUsR0FBRyxjQUFjLENBQUMsc0JBQXNCLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pILE1BQU0sUUFBUSxHQUFHLGNBQWMsQ0FBQyxzQkFBc0IsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7SUFFN0csT0FBTztRQUNMLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBRSxDQUFDLENBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLGFBQWE7UUFDN0QsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFFLENBQUMsQ0FBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsYUFBYTtLQUN4RCxDQUFBO0FBQ0gsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElSZWN0LCBJVmVjdG9yLCBSZWN0RXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRDb25uZWN0aW9uSW50ZXJzZWN0KGZyb21SZWN0OiBJUmVjdCwgdG9SZWN0OiBJUmVjdCk6IElWZWN0b3Ige1xuXG4gIGNvbnN0IGZyb21SZXN1bHQgPSBSZWN0RXh0ZW5zaW9ucy5pbnRlcnNlY3Rpb25XaXRoVmVjdG9yKGZyb21SZWN0LCBmcm9tUmVjdC5ncmF2aXR5Q2VudGVyLCB0b1JlY3QuZ3Jhdml0eUNlbnRlcik7XG4gIGNvbnN0IHRvUmVzdWx0ID0gUmVjdEV4dGVuc2lvbnMuaW50ZXJzZWN0aW9uV2l0aFZlY3Rvcih0b1JlY3QsIGZyb21SZWN0LmdyYXZpdHlDZW50ZXIsIHRvUmVjdC5ncmF2aXR5Q2VudGVyKTtcblxuICByZXR1cm4ge1xuICAgIHBvaW50MTogZnJvbVJlc3VsdCA/IGZyb21SZXN1bHRbIDEgXSA6IGZyb21SZWN0LmdyYXZpdHlDZW50ZXIsXG4gICAgcG9pbnQyOiB0b1Jlc3VsdCA/IHRvUmVzdWx0WyAwIF0gOiB0b1JlY3QuZ3Jhdml0eUNlbnRlcixcbiAgfVxufVxuIl19

package/esm2022/lib/components/f-connection/i-input-output-model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaS1pbnB1dC1vdXRwdXQtbW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9pLWlucHV0LW91dHB1dC1tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRk5vZGVJbnB1dEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9ycyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUlucHV0T3V0cHV0TW9kZWw8VE91dHB1dCA9IEZOb2RlT3V0cHV0QmFzZSwgVElucHV0ID0gRk5vZGVJbnB1dEJhc2U+IHtcblxuICBpbnB1dDogVElucHV0O1xuXG4gIG91dHB1dDogVE91dHB1dDtcbn1cbiJdfQ==

package/esm2022/lib/components/f-connection/index.mjs

@@ -0,0 +1,13 @@
+export * from './f-connection-text';
+export * from './f-drag-handle';
+export * from './f-gradient';
+export * from './f-path';
+export * from './f-selection';
+export * from './f-temp-connection';
+export * from './f-connection.component';
+export * from './f-connection.module';
+export * from './f-connection-base';
+export * from './f-connection-identifiers';
+export * from './get-connection-intersect';
+export * from './i-input-output-model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBRXBDLGNBQWMsaUJBQWlCLENBQUM7QUFFaEMsY0FBYyxjQUFjLENBQUM7QUFFN0IsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxlQUFlLENBQUM7QUFFOUIsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxjQUFjLDBCQUEwQixDQUFDO0FBRXpDLGNBQWMsdUJBQXVCLENBQUM7QUFFdEMsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLXRleHQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZHJhZy1oYW5kbGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZ3JhZGllbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtcGF0aCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1zZWxlY3Rpb24nO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtdGVtcC1jb25uZWN0aW9uJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rpb24uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rpb24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rpb24tYmFzZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uLWlkZW50aWZpZXJzJztcblxuZXhwb3J0ICogZnJvbSAnLi9nZXQtY29ubmVjdGlvbi1pbnRlcnNlY3QnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ktaW5wdXQtb3V0cHV0LW1vZGVsJztcblxuXG4iXX0=

package/esm2022/lib/components/f-connection/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './f-temp-connection/f-temp-connection.component';
+export * from './f-connection.component';
+export * from './f-connection.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0aW9uL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2YtdGVtcC1jb25uZWN0aW9uL2YtdGVtcC1jb25uZWN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rpb24ubW9kdWxlJztcbiJdfQ==

package/esm2022/lib/components/f-connectors/f-connector-base.mjs

@@ -0,0 +1,14 @@
+import { Subject } from 'rxjs';
+import { getElementRectInCanvas } from './get-element-rect-in-canvas';
+export class FConnectorBase {
+    constructor() {
+        this.stateChanges = new Subject();
+    }
+    getElementRectInCanvas(transform, svgHost) {
+        return getElementRectInCanvas(this.hostElement, transform, svgHost);
+    }
+    isContains(element) {
+        return this.hostElement.contains(element);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb25uZWN0b3ItYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2YtY29ubmVjdG9yLWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUcvQixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUV0RSxNQUFNLE9BQWdCLGNBQWM7SUFBcEM7UUFVa0IsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQVdwRSxDQUFDO0lBUFEsc0JBQXNCLENBQUMsU0FBMEIsRUFBRSxPQUFzQjtRQUM5RSxPQUFPLHNCQUFzQixDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ3RFLENBQUM7SUFFTSxVQUFVLENBQUMsT0FBaUM7UUFDakQsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM1QyxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJSGFzSG9zdEVsZW1lbnQsIElSZWN0LCBJVHJhbnNmb3JtTW9kZWwgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgSUhhc1N0YXRlQ2hhbmdlcyB9IGZyb20gJy4uLy4uL2ktaGFzLXN0YXRlLWNoYW5nZXMnO1xuaW1wb3J0IHsgZ2V0RWxlbWVudFJlY3RJbkNhbnZhcyB9IGZyb20gJy4vZ2V0LWVsZW1lbnQtcmVjdC1pbi1jYW52YXMnO1xuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRkNvbm5lY3RvckJhc2UgaW1wbGVtZW50cyBJSGFzU3RhdGVDaGFuZ2VzLCBJSGFzSG9zdEVsZW1lbnQge1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpZDogYW55O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBjb2xvcjogc3RyaW5nO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBkaXNhYmxlZDogYm9vbGVhbjtcblxuICBwdWJsaWMgYWJzdHJhY3QgaG9zdEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudDtcblxuICBwdWJsaWMgcmVhZG9ubHkgc3RhdGVDaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgYWJzdHJhY3QgY2FuQmVDb25uZWN0ZWQ6IGJvb2xlYW47XG5cbiAgcHVibGljIGdldEVsZW1lbnRSZWN0SW5DYW52YXModHJhbnNmb3JtOiBJVHJhbnNmb3JtTW9kZWwsIHN2Z0hvc3Q6IFNWR1NWR0VsZW1lbnQpOiBJUmVjdCB7XG4gICAgcmV0dXJuIGdldEVsZW1lbnRSZWN0SW5DYW52YXModGhpcy5ob3N0RWxlbWVudCwgdHJhbnNmb3JtLCBzdmdIb3N0KTtcbiAgfVxuXG4gIHB1YmxpYyBpc0NvbnRhaW5zKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmhvc3RFbGVtZW50LmNvbnRhaW5zKGVsZW1lbnQpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/f-connectors/f-node-input/f-node-input-base.mjs

@@ -0,0 +1,19 @@
+import { Directive, InjectionToken } from '@angular/core';
+import { FConnectorBase } from '../f-connector-base';
+import * as i0 from "@angular/core";
+export const F_NODE_INPUT_DIRECTIVE = new InjectionToken('F_NODE_INPUT_DIRECTIVE');
+export class FNodeInputBase extends FConnectorBase {
+    constructor() {
+        super(...arguments);
+        this.isConnected = false;
+    }
+    get canBeConnected() {
+        return !this.disabled && (this.multiple ? true : !this.isConnected);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeInputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FNodeInputBase, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeInputBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLWlucHV0LWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9mLW5vZGUtaW5wdXQvZi1ub2RlLWlucHV0LWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUVyRCxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxJQUFJLGNBQWMsQ0FBaUIsd0JBQXdCLENBQUMsQ0FBQztBQUduRyxNQUFNLE9BQWdCLGNBQWUsU0FBUSxjQUFjO0lBRDNEOztRQUtTLGdCQUFXLEdBQVksS0FBSyxDQUFDO0tBS3JDO0lBSEMsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN0RSxDQUFDOzhHQVJtQixjQUFjO2tHQUFkLGNBQWM7OzJGQUFkLGNBQWM7a0JBRG5DLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGQ29ubmVjdG9yQmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9yLWJhc2UnO1xuXG5leHBvcnQgY29uc3QgRl9OT0RFX0lOUFVUX0RJUkVDVElWRSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxGTm9kZUlucHV0QmFzZT4oJ0ZfTk9ERV9JTlBVVF9ESVJFQ1RJVkUnKTtcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRk5vZGVJbnB1dEJhc2UgZXh0ZW5kcyBGQ29ubmVjdG9yQmFzZSB7XG5cbiAgcHVibGljIGFic3RyYWN0IG11bHRpcGxlOiBib29sZWFuO1xuXG4gIHB1YmxpYyBpc0Nvbm5lY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBnZXQgY2FuQmVDb25uZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLmRpc2FibGVkICYmICh0aGlzLm11bHRpcGxlID8gdHJ1ZSA6ICF0aGlzLmlzQ29ubmVjdGVkKTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/f-connectors/f-node-input/f-node-input.directive.mjs

@@ -0,0 +1,58 @@
+import { Directive, Input } from '@angular/core';
+import { BooleanExtensions } from '@foblex/core';
+import { F_NODE_INPUT_DIRECTIVE, FNodeInputBase } from './f-node-input-base';
+import * as i0 from "@angular/core";
+let uniqueId = 0;
+export class FNodeInputDirective extends FNodeInputBase {
+    get color() {
+        return this.fNodeInputColor || 'black';
+    }
+    get disabled() {
+        return this.isDisabled;
+    }
+    set disabled(isDisabled) {
+        const value = BooleanExtensions.castToBoolean(isDisabled);
+        if (value !== this.isDisabled) {
+            this.isDisabled = value;
+            this.stateChanges.next();
+        }
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        super();
+        this.elementReference = elementReference;
+        this.id = `f-node-input-${uniqueId++}`;
+        this.multiple = true;
+        this.isDisabled = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeInputDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FNodeInputDirective, selector: "[fNodeInput]", inputs: { id: "id", fNodeInputColor: "fNodeInputColor", multiple: ["fNodeInputMultiple", "multiple"], disabled: ["fNodeInputDisabled", "disabled"] }, host: { properties: { "attr.id": "id", "class.f-node-input-multiple": "multiple", "class.f-node-input-disabled": "disabled", "class.f-node-input-not-connectable": "!canBeConnected" }, classAttribute: "f-component f-node-input" }, providers: [{ provide: F_NODE_INPUT_DIRECTIVE, useExisting: FNodeInputDirective }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[fNodeInput]",
+                    host: {
+                        '[attr.id]': 'id',
+                        class: "f-component f-node-input",
+                        '[class.f-node-input-multiple]': 'multiple',
+                        '[class.f-node-input-disabled]': 'disabled',
+                        '[class.f-node-input-not-connectable]': '!canBeConnected',
+                    },
+                    providers: [{ provide: F_NODE_INPUT_DIRECTIVE, useExisting: FNodeInputDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
+                type: Input
+            }], fNodeInputColor: [{
+                type: Input,
+                args: ['fNodeInputColor']
+            }], multiple: [{
+                type: Input,
+                args: ['fNodeInputMultiple']
+            }], disabled: [{
+                type: Input,
+                args: ['fNodeInputDisabled']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLWlucHV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2Ytbm9kZS1pbnB1dC9mLW5vZGUtaW5wdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBRTdFLElBQUksUUFBUSxHQUFXLENBQUMsQ0FBQztBQWF6QixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsY0FBYztJQVFyRCxJQUFXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxlQUFlLElBQUksT0FBTyxDQUFDO0lBQ3pDLENBQUM7SUFLRCxJQUNvQixRQUFRO1FBQzFCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBb0IsUUFBUSxDQUFDLFVBQXdDO1FBQ25FLE1BQU0sS0FBSyxHQUFHLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxRCxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBSUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFDWSxnQkFBeUM7UUFFbkQsS0FBSyxFQUFFLENBQUM7UUFGRSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXlCO1FBaENyQyxPQUFFLEdBQVEsZ0JBQWlCLFFBQVEsRUFBRyxFQUFFLENBQUM7UUFVekMsYUFBUSxHQUFZLElBQUksQ0FBQztRQWVqQyxlQUFVLEdBQVksS0FBSyxDQUFDO0lBVXBDLENBQUM7OEdBdENVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLG1hQUZuQixDQUFFLEVBQUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxDQUFFOzsyRkFFekUsbUJBQW1CO2tCQVgvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixJQUFJLEVBQUU7d0JBQ0osV0FBVyxFQUFFLElBQUk7d0JBQ2pCLEtBQUssRUFBRSwwQkFBMEI7d0JBQ2pDLCtCQUErQixFQUFFLFVBQVU7d0JBQzNDLCtCQUErQixFQUFFLFVBQVU7d0JBQzNDLHNDQUFzQyxFQUFFLGlCQUFpQjtxQkFDMUQ7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsV0FBVyxxQkFBcUIsRUFBRSxDQUFFO2lCQUNyRjtpR0FJaUIsRUFBRTtzQkFEakIsS0FBSztnQkFJQyxlQUFlO3NCQURyQixLQUFLO3VCQUFDLGlCQUFpQjtnQkFRUixRQUFRO3NCQUR2QixLQUFLO3VCQUFDLG9CQUFvQjtnQkFJUCxRQUFRO3NCQUQzQixLQUFLO3VCQUFDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5FeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZfTk9ERV9JTlBVVF9ESVJFQ1RJVkUsIEZOb2RlSW5wdXRCYXNlIH0gZnJvbSAnLi9mLW5vZGUtaW5wdXQtYmFzZSc7XG5cbmxldCB1bmlxdWVJZDogbnVtYmVyID0gMDtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiBcIltmTm9kZUlucHV0XVwiLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1ub2RlLWlucHV0XCIsXG4gICAgJ1tjbGFzcy5mLW5vZGUtaW5wdXQtbXVsdGlwbGVdJzogJ211bHRpcGxlJyxcbiAgICAnW2NsYXNzLmYtbm9kZS1pbnB1dC1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuICAgICdbY2xhc3MuZi1ub2RlLWlucHV0LW5vdC1jb25uZWN0YWJsZV0nOiAnIWNhbkJlQ29ubmVjdGVkJyxcbiAgfSxcbiAgcHJvdmlkZXJzOiBbIHsgcHJvdmlkZTogRl9OT0RFX0lOUFVUX0RJUkVDVElWRSwgdXNlRXhpc3Rpbmc6IEZOb2RlSW5wdXREaXJlY3RpdmUgfSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGTm9kZUlucHV0RGlyZWN0aXZlIGV4dGVuZHMgRk5vZGVJbnB1dEJhc2Uge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvdmVycmlkZSBpZDogYW55ID0gYGYtbm9kZS1pbnB1dC0keyB1bmlxdWVJZCsrIH1gO1xuXG4gIEBJbnB1dCgnZk5vZGVJbnB1dENvbG9yJylcbiAgcHVibGljIGZOb2RlSW5wdXRDb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBnZXQgY29sb3IoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5mTm9kZUlucHV0Q29sb3IgfHwgJ2JsYWNrJztcbiAgfVxuXG4gIEBJbnB1dCgnZk5vZGVJbnB1dE11bHRpcGxlJylcbiAgcHVibGljIG92ZXJyaWRlIG11bHRpcGxlOiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoJ2ZOb2RlSW5wdXREaXNhYmxlZCcpXG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgZGlzYWJsZWQoaXNEaXNhYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IHN0cmluZykge1xuICAgIGNvbnN0IHZhbHVlID0gQm9vbGVhbkV4dGVuc2lvbnMuY2FzdFRvQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc0Rpc2FibGVkID0gdmFsdWU7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PlxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/f-connectors/f-node-input/index.mjs

@@ -0,0 +1,4 @@
+export * from './f-node-input-base';
+export * from './is-node-input';
+export * from './f-node-input.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9mLW5vZGUtaW5wdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxjQUFjLGlCQUFpQixDQUFDO0FBRWhDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1pbnB1dC1iYXNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9pcy1ub2RlLWlucHV0JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtaW5wdXQuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/lib/components/f-connectors/f-node-input/is-node-input.mjs

@@ -0,0 +1,4 @@
+export function isNodeInput(element) {
+    return !!element.closest('[fNodeInput]');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtbm9kZS1pbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2Ytbm9kZS1pbnB1dC9pcy1ub2RlLWlucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sVUFBVSxXQUFXLENBQUMsT0FBaUM7SUFDM0QsT0FBTyxDQUFDLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQztBQUMzQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGZ1bmN0aW9uIGlzTm9kZUlucHV0KGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCk6IGJvb2xlYW4ge1xuICByZXR1cm4gISFlbGVtZW50LmNsb3Nlc3QoJ1tmTm9kZUlucHV0XScpO1xufVxuIl19

package/esm2022/lib/components/f-connectors/f-node-input/public-api.mjs

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

package/esm2022/lib/components/f-connectors/f-node-outlet/f-node-outlet-base.mjs

@@ -0,0 +1,22 @@
+import { Directive, InjectionToken } from '@angular/core';
+import { FOutConnectorBase } from '../f-out-connector-base';
+import * as i0 from "@angular/core";
+export const F_NODE_OUTLET_DIRECTIVE = new InjectionToken('F_NODE_OUTLET_DIRECTIVE');
+export class FNodeOutletBase extends FOutConnectorBase {
+    constructor() {
+        super(...arguments);
+        this.outputs = [];
+    }
+    get canBeConnected() {
+        return !this.disabled;
+    }
+    setOutputs(outputs) {
+        this.outputs = outputs;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutletBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FNodeOutletBase, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutletBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLW91dGxldC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3RvcnMvZi1ub2RlLW91dGxldC9mLW5vZGUtb3V0bGV0LWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBRTVELE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLElBQUksY0FBYyxDQUFrQix5QkFBeUIsQ0FBQyxDQUFDO0FBR3RHLE1BQU0sT0FBZ0IsZUFBZ0IsU0FBUSxpQkFBaUI7SUFEL0Q7O1FBTVUsWUFBTyxHQUF3QixFQUFFLENBQUM7S0FTM0M7SUFQQyxJQUFXLGNBQWM7UUFDdkIsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDeEIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxPQUE0QjtRQUM1QyxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztJQUN6QixDQUFDOzhHQWJtQixlQUFlO2tHQUFmLGVBQWU7OzJGQUFmLGVBQWU7a0JBRHBDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGT3V0Q29ubmVjdG9yQmFzZSB9IGZyb20gJy4uL2Ytb3V0LWNvbm5lY3Rvci1iYXNlJztcblxuZXhwb3J0IGNvbnN0IEZfTk9ERV9PVVRMRVRfRElSRUNUSVZFID0gbmV3IEluamVjdGlvblRva2VuPEZOb2RlT3V0bGV0QmFzZT4oJ0ZfTk9ERV9PVVRMRVRfRElSRUNUSVZFJyk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEZOb2RlT3V0bGV0QmFzZSBleHRlbmRzIEZPdXRDb25uZWN0b3JCYXNlIHtcblxuICBwdWJsaWMgYWJzdHJhY3QgaXNDb25uZWN0aW9uRnJvbU91dGxldDogYm9vbGVhbjtcblxuXG4gIHByaXZhdGUgb3V0cHV0czogRk91dENvbm5lY3RvckJhc2VbXSA9IFtdO1xuXG4gIHB1YmxpYyBnZXQgY2FuQmVDb25uZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLmRpc2FibGVkO1xuICB9XG5cbiAgcHVibGljIHNldE91dHB1dHMob3V0cHV0czogRk91dENvbm5lY3RvckJhc2VbXSk6IHZvaWQge1xuICAgIHRoaXMub3V0cHV0cyA9IG91dHB1dHM7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/f-connectors/f-node-outlet/f-node-outlet.directive.mjs

@@ -0,0 +1,56 @@
+import { Directive, Input } from '@angular/core';
+import { BooleanExtensions } from '@foblex/core';
+import { F_NODE_OUTLET_DIRECTIVE, FNodeOutletBase } from './f-node-outlet-base';
+import * as i0 from "@angular/core";
+let uniqueId = 0;
+export class FNodeOutletDirective extends FNodeOutletBase {
+    get disabled() {
+        return this.isDisabled;
+    }
+    set disabled(isDisabled) {
+        const value = BooleanExtensions.castToBoolean(isDisabled);
+        if (value !== this.isDisabled) {
+            this.isDisabled = value;
+            this.stateChanges.next();
+        }
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference) {
+        super();
+        this.elementReference = elementReference;
+        this.id = `f-node-outlet-${uniqueId++}`;
+        this.color = 'black';
+        this.name = '';
+        this.isDisabled = false;
+        this.isConnectionFromOutlet = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutletDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FNodeOutletDirective, selector: "[fNodeOutlet]", inputs: { id: "id", color: ["fNodeOutletColor", "color"], name: "name", disabled: ["fNodeOutletDisabled", "disabled"], isConnectionFromOutlet: "isConnectionFromOutlet" }, host: { properties: { "attr.id": "id", "class.f-node-outlet-disabled": "disabled" }, classAttribute: "f-component f-node-outlet" }, providers: [{ provide: F_NODE_OUTLET_DIRECTIVE, useExisting: FNodeOutletDirective }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutletDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[fNodeOutlet]",
+                    host: {
+                        '[attr.id]': 'id',
+                        class: "f-component f-node-outlet",
+                        '[class.f-node-outlet-disabled]': 'disabled'
+                    },
+                    providers: [{ provide: F_NODE_OUTLET_DIRECTIVE, useExisting: FNodeOutletDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
+                type: Input
+            }], color: [{
+                type: Input,
+                args: ['fNodeOutletColor']
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: ['fNodeOutletDisabled']
+            }], isConnectionFromOutlet: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLW91dGxldC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9mLW5vZGUtb3V0bGV0L2Ytbm9kZS1vdXRsZXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBRWhGLElBQUksUUFBUSxHQUFXLENBQUMsQ0FBQztBQVd6QixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZUFBZTtJQVd2RCxJQUNvQixRQUFRO1FBQzFCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBb0IsUUFBUSxDQUFDLFVBQXdDO1FBQ25FLE1BQU0sS0FBSyxHQUFHLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxRCxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBT0QsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFDVSxnQkFBeUM7UUFFakQsS0FBSyxFQUFFLENBQUM7UUFGQSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXlCO1FBL0JuQyxPQUFFLEdBQVcsaUJBQWtCLFFBQVEsRUFBRyxFQUFFLENBQUM7UUFHN0MsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUd4QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBZTFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFHcEIsMkJBQXNCLEdBQVksS0FBSyxDQUFBO0lBVXZELENBQUM7OEdBckNVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHVWQUZwQixDQUFFLEVBQUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxDQUFFOzsyRkFFM0Usb0JBQW9CO2tCQVRoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixJQUFJLEVBQUU7d0JBQ0osV0FBVyxFQUFFLElBQUk7d0JBQ2pCLEtBQUssRUFBRSwyQkFBMkI7d0JBQ2xDLGdDQUFnQyxFQUFFLFVBQVU7cUJBQzdDO29CQUNELFNBQVMsRUFBRSxDQUFFLEVBQUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsc0JBQXNCLEVBQUUsQ0FBRTtpQkFDdkY7aUdBSWlCLEVBQUU7c0JBRGpCLEtBQUs7Z0JBSVUsS0FBSztzQkFEcEIsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBSVQsSUFBSTtzQkFEbkIsS0FBSztnQkFJYyxRQUFRO3NCQUQzQixLQUFLO3VCQUFDLHFCQUFxQjtnQkFnQlosc0JBQXNCO3NCQURyQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbkV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRl9OT0RFX09VVExFVF9ESVJFQ1RJVkUsIEZOb2RlT3V0bGV0QmFzZSB9IGZyb20gJy4vZi1ub2RlLW91dGxldC1iYXNlJztcblxubGV0IHVuaXF1ZUlkOiBudW1iZXIgPSAwO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiW2ZOb2RlT3V0bGV0XVwiLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1ub2RlLW91dGxldFwiLFxuICAgICdbY2xhc3MuZi1ub2RlLW91dGxldC1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfTk9ERV9PVVRMRVRfRElSRUNUSVZFLCB1c2VFeGlzdGluZzogRk5vZGVPdXRsZXREaXJlY3RpdmUgfSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGTm9kZU91dGxldERpcmVjdGl2ZSBleHRlbmRzIEZOb2RlT3V0bGV0QmFzZSB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG92ZXJyaWRlIGlkOiBzdHJpbmcgPSBgZi1ub2RlLW91dGxldC0keyB1bmlxdWVJZCsrIH1gO1xuXG4gIEBJbnB1dCgnZk5vZGVPdXRsZXRDb2xvcicpXG4gIHB1YmxpYyBvdmVycmlkZSBjb2xvcjogc3RyaW5nID0gJ2JsYWNrJztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgbmFtZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCdmTm9kZU91dGxldERpc2FibGVkJylcbiAgcHVibGljIG92ZXJyaWRlIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pc0Rpc2FibGVkO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHNldCBkaXNhYmxlZChpc0Rpc2FibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgc3RyaW5nKSB7XG4gICAgY29uc3QgdmFsdWUgPSBCb29sZWFuRXh0ZW5zaW9ucy5jYXN0VG9Cb29sZWFuKGlzRGlzYWJsZWQpO1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICB0aGlzLmlzRGlzYWJsZWQgPSB2YWx1ZTtcbiAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgaXNDb25uZWN0aW9uRnJvbU91dGxldDogYm9vbGVhbiA9IGZhbHNlXG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/f-connectors/f-node-outlet/index.mjs

@@ -0,0 +1,4 @@
+export * from './f-node-outlet-base';
+export * from './is-node-outlet';
+export * from './f-node-outlet.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9mLW5vZGUtb3V0bGV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUM7QUFFckMsY0FBYyxrQkFBa0IsQ0FBQztBQUVqQyxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtb3V0bGV0LWJhc2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL2lzLW5vZGUtb3V0bGV0JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtb3V0bGV0LmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/lib/components/f-connectors/f-node-outlet/is-node-outlet.mjs

@@ -0,0 +1,4 @@
+export function isNodeOutlet(element) {
+    return !!element.closest('[fNodeOutlet]');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtbm9kZS1vdXRsZXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9mLW5vZGUtb3V0bGV0L2lzLW5vZGUtb3V0bGV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sVUFBVSxZQUFZLENBQUMsT0FBaUM7SUFDNUQsT0FBTyxDQUFDLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztBQUM1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGZ1bmN0aW9uIGlzTm9kZU91dGxldChlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpOiBib29sZWFuIHtcbiAgcmV0dXJuICEhZWxlbWVudC5jbG9zZXN0KCdbZk5vZGVPdXRsZXRdJyk7XG59XG4iXX0=

package/esm2022/lib/components/f-connectors/f-node-outlet/public-api.mjs

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

package/esm2022/lib/components/f-connectors/f-node-output/f-node-output-base.mjs

@@ -0,0 +1,19 @@
+import { Directive, InjectionToken } from '@angular/core';
+import { FOutConnectorBase } from '../f-out-connector-base';
+import * as i0 from "@angular/core";
+export const F_NODE_OUTPUT_DIRECTIVE = new InjectionToken('F_NODE_OUTPUT_DIRECTIVE');
+export class FNodeOutputBase extends FOutConnectorBase {
+    constructor() {
+        super(...arguments);
+        this.isConnected = false;
+    }
+    get canBeConnected() {
+        return !this.disabled && !this.isConnected;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FNodeOutputBase, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutputBase, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLW91dHB1dC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLWNvbm5lY3RvcnMvZi1ub2RlLW91dHB1dC9mLW5vZGUtb3V0cHV0LWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBRTVELE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLElBQUksY0FBYyxDQUFrQix5QkFBeUIsQ0FBQyxDQUFDO0FBR3RHLE1BQU0sT0FBZ0IsZUFBZ0IsU0FBUSxpQkFBaUI7SUFEL0Q7O1FBR1MsZ0JBQVcsR0FBWSxLQUFLLENBQUM7S0FLckM7SUFIQyxJQUFvQixjQUFjO1FBQ2hDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUM3QyxDQUFDOzhHQU5tQixlQUFlO2tHQUFmLGVBQWU7OzJGQUFmLGVBQWU7a0JBRHBDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGT3V0Q29ubmVjdG9yQmFzZSB9IGZyb20gJy4uL2Ytb3V0LWNvbm5lY3Rvci1iYXNlJztcblxuZXhwb3J0IGNvbnN0IEZfTk9ERV9PVVRQVVRfRElSRUNUSVZFID0gbmV3IEluamVjdGlvblRva2VuPEZOb2RlT3V0cHV0QmFzZT4oJ0ZfTk9ERV9PVVRQVVRfRElSRUNUSVZFJyk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEZOb2RlT3V0cHV0QmFzZSBleHRlbmRzIEZPdXRDb25uZWN0b3JCYXNlIHtcblxuICBwdWJsaWMgaXNDb25uZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGNhbkJlQ29ubmVjdGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5kaXNhYmxlZCAmJiAhdGhpcy5pc0Nvbm5lY3RlZDtcbiAgfVxufVxuIl19