@foblex/flow 0.0.1

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

@@ -0,0 +1,54 @@
+import { Directive, Input } from '@angular/core';
+import { BooleanExtensions } from '@foblex/core';
+import { FNodeOutputBase, F_NODE_OUTPUT_DIRECTIVE } from './f-node-output-base';
+import * as i0 from "@angular/core";
+let uniqueId = 0;
+export class FNodeOutputDirective extends FNodeOutputBase {
+    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-output-${uniqueId++}`;
+        this.color = 'black';
+        this.name = '';
+        this.isDisabled = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutputDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FNodeOutputDirective, selector: "[fNodeOutput]", inputs: { id: "id", color: ["fNodeOutputColor", "color"], name: "name", disabled: ["fNodeOutputDisabled", "disabled"] }, host: { properties: { "attr.id": "id", "class.f-node-output-disabled": "disabled", "class.f-node-output-connected": "isConnected" }, classAttribute: "f-component f-node-output" }, providers: [{ provide: F_NODE_OUTPUT_DIRECTIVE, useExisting: FNodeOutputDirective }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FNodeOutputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[fNodeOutput]",
+                    host: {
+                        '[attr.id]': 'id',
+                        class: "f-component f-node-output",
+                        '[class.f-node-output-disabled]': 'disabled',
+                        '[class.f-node-output-connected]': 'isConnected'
+                    },
+                    providers: [{ provide: F_NODE_OUTPUT_DIRECTIVE, useExisting: FNodeOutputDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
+                type: Input
+            }], color: [{
+                type: Input,
+                args: ['fNodeOutputColor']
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: ['fNodeOutputDisabled']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLW91dHB1dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9mLW5vZGUtb3V0cHV0L2Ytbm9kZS1vdXRwdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBRWhGLElBQUksUUFBUSxHQUFXLENBQUMsQ0FBQztBQVl6QixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZUFBZTtJQVd2RCxJQUNvQixRQUFRO1FBQzFCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBb0IsUUFBUSxDQUFDLFVBQXdDO1FBQ25FLE1BQU0sS0FBSyxHQUFHLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxRCxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBSUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFDVSxnQkFBeUM7UUFFakQsS0FBSyxFQUFFLENBQUM7UUFGQSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXlCO1FBNUJuQyxPQUFFLEdBQVEsaUJBQWtCLFFBQVEsRUFBRyxFQUFFLENBQUM7UUFHMUMsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUd4QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBZTFCLGVBQVUsR0FBWSxLQUFLLENBQUM7SUFVcEMsQ0FBQzs4R0FsQ1Usb0JBQW9CO2tHQUFwQixvQkFBb0IscVZBRnBCLENBQUUsRUFBRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLENBQUU7OzJGQUUzRSxvQkFBb0I7a0JBVmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLElBQUksRUFBRTt3QkFDSixXQUFXLEVBQUUsSUFBSTt3QkFDakIsS0FBSyxFQUFFLDJCQUEyQjt3QkFDbEMsZ0NBQWdDLEVBQUUsVUFBVTt3QkFDNUMsaUNBQWlDLEVBQUUsYUFBYTtxQkFDakQ7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyxzQkFBc0IsRUFBRSxDQUFFO2lCQUN2RjtpR0FJaUIsRUFBRTtzQkFEakIsS0FBSztnQkFJVSxLQUFLO3NCQURwQixLQUFLO3VCQUFDLGtCQUFrQjtnQkFJVCxJQUFJO3NCQURuQixLQUFLO2dCQUljLFFBQVE7c0JBRDNCLEtBQUs7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbkV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRk5vZGVPdXRwdXRCYXNlLCBGX05PREVfT1VUUFVUX0RJUkVDVElWRSB9IGZyb20gJy4vZi1ub2RlLW91dHB1dC1iYXNlJztcblxubGV0IHVuaXF1ZUlkOiBudW1iZXIgPSAwO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiW2ZOb2RlT3V0cHV0XVwiLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1ub2RlLW91dHB1dFwiLFxuICAgICdbY2xhc3MuZi1ub2RlLW91dHB1dC1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuICAgICdbY2xhc3MuZi1ub2RlLW91dHB1dC1jb25uZWN0ZWRdJzogJ2lzQ29ubmVjdGVkJ1xuICB9LFxuICBwcm92aWRlcnM6IFsgeyBwcm92aWRlOiBGX05PREVfT1VUUFVUX0RJUkVDVElWRSwgdXNlRXhpc3Rpbmc6IEZOb2RlT3V0cHV0RGlyZWN0aXZlIH0gXSxcbn0pXG5leHBvcnQgY2xhc3MgRk5vZGVPdXRwdXREaXJlY3RpdmUgZXh0ZW5kcyBGTm9kZU91dHB1dEJhc2Uge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvdmVycmlkZSBpZDogYW55ID0gYGYtbm9kZS1vdXRwdXQtJHsgdW5pcXVlSWQrKyB9YDtcblxuICBASW5wdXQoJ2ZOb2RlT3V0cHV0Q29sb3InKVxuICBwdWJsaWMgb3ZlcnJpZGUgY29sb3I6IHN0cmluZyA9ICdibGFjayc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG92ZXJyaWRlIG5hbWU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgnZk5vZGVPdXRwdXREaXNhYmxlZCcpXG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgZGlzYWJsZWQoaXNEaXNhYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IHN0cmluZykge1xuICAgIGNvbnN0IHZhbHVlID0gQm9vbGVhbkV4dGVuc2lvbnMuY2FzdFRvQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc0Rpc2FibGVkID0gdmFsdWU7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWZlcmVuY2UubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxufVxuIl19

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { FConnectorBase } from './f-connector-base';
+export class FOutConnectorBase extends FConnectorBase {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1vdXQtY29ubmVjdG9yLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9mLW91dC1jb25uZWN0b3ItYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsTUFBTSxPQUFnQixpQkFBa0IsU0FBUSxjQUFjO0NBRzdEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkNvbm5lY3RvckJhc2UgfSBmcm9tICcuL2YtY29ubmVjdG9yLWJhc2UnO1xuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRk91dENvbm5lY3RvckJhc2UgZXh0ZW5kcyBGQ29ubmVjdG9yQmFzZSB7XG5cbiAgcHVibGljIGFic3RyYWN0IG5hbWU6IHN0cmluZztcbn1cbiJdfQ==

package/esm2022/lib/components/f-connectors/get-element-rect-in-canvas.mjs

@@ -0,0 +1,8 @@
+import { Point, RectExtensions, SizeExtensions } from '@foblex/core';
+export function getElementRectInCanvas(element, transform, svgHost) {
+    const rect = RectExtensions.fromElement(element);
+    const position = Point.fromPoint(rect).matrixTransform(svgHost).sub(transform.scaledPosition).sub(transform.position).div(transform.scale);
+    const size = SizeExtensions.initialize(rect.width / transform.scale, rect.height / transform.scale);
+    return RectExtensions.initialize(position.x, position.y, size.width, size.height);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWVsZW1lbnQtcmVjdC1pbi1jYW52YXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9nZXQtZWxlbWVudC1yZWN0LWluLWNhbnZhcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTBCLEtBQUssRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTdGLE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxPQUFpQyxFQUFFLFNBQTBCLEVBQUUsT0FBc0I7SUFDMUgsTUFBTSxJQUFJLEdBQUcsY0FBYyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqRCxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzSSxNQUFNLElBQUksR0FBRyxjQUFjLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRyxPQUFPLGNBQWMsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxRQUFRLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0FBQ3BGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJUmVjdCwgSVRyYW5zZm9ybU1vZGVsLCBQb2ludCwgUmVjdEV4dGVuc2lvbnMsIFNpemVFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEVsZW1lbnRSZWN0SW5DYW52YXMoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50LCB0cmFuc2Zvcm06IElUcmFuc2Zvcm1Nb2RlbCwgc3ZnSG9zdDogU1ZHU1ZHRWxlbWVudCk6IElSZWN0IHtcbiAgY29uc3QgcmVjdCA9IFJlY3RFeHRlbnNpb25zLmZyb21FbGVtZW50KGVsZW1lbnQpO1xuICBjb25zdCBwb3NpdGlvbiA9IFBvaW50LmZyb21Qb2ludChyZWN0KS5tYXRyaXhUcmFuc2Zvcm0oc3ZnSG9zdCkuc3ViKHRyYW5zZm9ybS5zY2FsZWRQb3NpdGlvbikuc3ViKHRyYW5zZm9ybS5wb3NpdGlvbikuZGl2KHRyYW5zZm9ybS5zY2FsZSk7XG4gIGNvbnN0IHNpemUgPSBTaXplRXh0ZW5zaW9ucy5pbml0aWFsaXplKHJlY3Qud2lkdGggLyB0cmFuc2Zvcm0uc2NhbGUsIHJlY3QuaGVpZ2h0IC8gdHJhbnNmb3JtLnNjYWxlKTtcbiAgcmV0dXJuIFJlY3RFeHRlbnNpb25zLmluaXRpYWxpemUocG9zaXRpb24ueCwgcG9zaXRpb24ueSwgc2l6ZS53aWR0aCwgc2l6ZS5oZWlnaHQpO1xufVxuIl19

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

@@ -0,0 +1,7 @@
+export * from './f-node-input';
+export * from './f-node-outlet';
+export * from './f-node-output';
+export * from './f-connector-base';
+export * from './f-out-connector-base';
+export * from './get-element-rect-in-canvas';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtY29ubmVjdG9ycy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLW91dGxldCc7XG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1vdXRwdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3Rvci1iYXNlJztcbmV4cG9ydCAqIGZyb20gJy4vZi1vdXQtY29ubmVjdG9yLWJhc2UnO1xuZXhwb3J0ICogZnJvbSAnLi9nZXQtZWxlbWVudC1yZWN0LWluLWNhbnZhcyc7XG4iXX0=

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

@@ -0,0 +1,4 @@
+export * from './f-node-input/public-api';
+export * from './f-node-output/public-api';
+export * from './f-node-outlet/public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1pbnB1dC9wdWJsaWMtYXBpJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtb3V0cHV0L3B1YmxpYy1hcGknO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1vdXRsZXQvcHVibGljLWFwaSc7XG4iXX0=

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

@@ -0,0 +1,54 @@
+import { Directive, InjectionToken } from '@angular/core';
+import { merge, startWith, Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+export const F_FLOW_COMPONENT = new InjectionToken('F_FLOW_COMPONENT');
+export class FFlowBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    constructor(elementReference, changeDetectorRef, ngZone) {
+        this.elementReference = elementReference;
+        this.changeDetectorRef = changeDetectorRef;
+        this.ngZone = ngZone;
+        this.onDestroy = new Subject();
+    }
+    ngAfterContentInit() {
+        this.subscribeOnComponentsChanges();
+    }
+    subscribeOnComponentsChanges() {
+        console.log(this.fNodesContainer);
+        const changes = [
+            this.fNodesContainer.fNodes.changes,
+            this.fConnectionsContainer.fConnections.changes,
+            this.outlets.changes,
+            this.outputs.changes,
+            this.inputs.changes
+        ];
+        merge(...changes).pipe(startWith(null), takeUntil(this.onDestroy)).subscribe(() => {
+            const changedOrDestroyed = merge(...changes, this.onDestroy);
+            // const nodesChanges = new QueryListStateChanges(this.ngZone).handle(this.nodes);
+            //
+            // merge(nodesChanges).pipe(startWith(null), takeUntil(changedOrDestroyed)).subscribe(() => {
+            //
+            //
+            // });
+            this.fConnectionsContainer.fConnections.forEach((connection) => {
+                connection.fromTo = {
+                    output: this.outputs.find((x) => x.id === connection.outputId),
+                    input: this.inputs.find((x) => x.id === connection.inputId)
+                };
+                connection.initialize();
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FFlowBase, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FFlowBase, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FFlowBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtZmxvdy9mLWZsb3ctYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULGNBQWMsRUFDZixNQUFNLGVBQWUsQ0FBQztBQU12QixPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQU81RCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FBWSxrQkFBa0IsQ0FBQyxDQUFDO0FBR2xGLE1BQU0sT0FBZ0IsU0FBUztJQUk3QixJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFzQkQsWUFDVSxnQkFBMkMsRUFDM0MsaUJBQW9DLEVBQ3BDLE1BQWM7UUFGZCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQTJCO1FBQzNDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDcEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQXZCUCxjQUFTLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7SUF5QmhFLENBQUM7SUFFTSxrQkFBa0I7UUFDdkIsSUFBSSxDQUFDLDRCQUE0QixFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVTLDRCQUE0QjtRQUNwQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNsQyxNQUFNLE9BQU8sR0FBRztZQUNkLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLE9BQU87WUFDbkMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFlBQVksQ0FBQyxPQUFPO1lBQy9DLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTztZQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87WUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPO1NBQ3BCLENBQUM7UUFFRixLQUFLLENBQUMsR0FBRyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2hGLE1BQU0sa0JBQWtCLEdBQUcsS0FBSyxDQUFDLEdBQUcsT0FBTyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUU3RCxrRkFBa0Y7WUFDbEYsRUFBRTtZQUNGLDZGQUE2RjtZQUM3RixFQUFFO1lBQ0YsRUFBRTtZQUNGLE1BQU07WUFFTixJQUFJLENBQUMscUJBQXFCLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFO2dCQUM3RCxVQUFVLENBQUMsTUFBTSxHQUFHO29CQUNsQixNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssVUFBVSxDQUFDLFFBQVEsQ0FBRTtvQkFDL0QsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLFVBQVUsQ0FBQyxPQUFPLENBQUU7aUJBQzdELENBQUM7Z0JBQ0YsVUFBVSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQzFCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs4R0F4RW1CLFNBQVM7a0dBQVQsU0FBUzs7MkZBQVQsU0FBUztrQkFEOUIsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsIENoYW5nZURldGVjdG9yUmVmLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEluamVjdGlvblRva2VuLCBOZ1pvbmUsIE9uRGVzdHJveSwgUXVlcnlMaXN0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgSUhhc0hvc3RFbGVtZW50LCBJVHJhbnNmb3JtTW9kZWxcbn0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZJdGVtc0NvbnRhaW5lckJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2YtY29udGFpbmVycy9mLWl0ZW1zLWNvbnRhaW5lcic7XG5pbXBvcnQgeyBGTm9kZUlucHV0QmFzZSwgRk5vZGVPdXRsZXRCYXNlLCBGTm9kZU91dHB1dEJhc2UgfSBmcm9tICcuLi9mLWNvbm5lY3RvcnMnO1xuaW1wb3J0IHsgbWVyZ2UsIHN0YXJ0V2l0aCwgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGQmFja2dyb3VuZEJhc2UgfSBmcm9tICcuLi8uLi9pbnRlcm5hbC9mLWJhY2tncm91ZCc7XG5pbXBvcnQge1xuICBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlXG59IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvZi1jb250YWluZXJzL2YtY29ubmVjdGlvbnMtY29udGFpbmVyL2YtY29ubmVjdGlvbnMtY29udGFpbmVyLWJhc2UnO1xuaW1wb3J0IHsgRk5vZGVzQ29udGFpbmVyQmFzZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvZi1jb250YWluZXJzL2Ytbm9kZXMtY29udGFpbmVyJztcblxuZXhwb3J0IGNvbnN0IEZfRkxPV19DT01QT05FTlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48RkZsb3dCYXNlPignRl9GTE9XX0NPTVBPTkVOVCcpO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBGRmxvd0Jhc2UgaW1wbGVtZW50cyBJSGFzSG9zdEVsZW1lbnQsIEFmdGVyQ29udGVudEluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHVibGljIGFic3RyYWN0IGlkOiBhbnk7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdTVkdFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwcml2YXRlIHJlYWRvbmx5IG9uRGVzdHJveTogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cblxuICBwdWJsaWMgYWJzdHJhY3QgZk5vZGVzQ29udGFpbmVyOiBGTm9kZXNDb250YWluZXJCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBmQ29ubmVjdGlvbnNDb250YWluZXI6IEZDb25uZWN0aW9uc0NvbnRhaW5lckJhc2U7XG5cblxuICBwdWJsaWMgYWJzdHJhY3QgZkl0ZW1zQ29udGFpbmVyOiBGSXRlbXNDb250YWluZXJCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBmQmFja2dyb3VuZDogRkJhY2tncm91bmRCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCB0cmFuc2Zvcm06IElUcmFuc2Zvcm1Nb2RlbDtcblxuICBwdWJsaWMgYWJzdHJhY3Qgb3V0bGV0czogUXVlcnlMaXN0PEZOb2RlT3V0bGV0QmFzZT47XG5cbiAgcHVibGljIGFic3RyYWN0IG91dHB1dHM6IFF1ZXJ5TGlzdDxGTm9kZU91dHB1dEJhc2U+O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpbnB1dHM6IFF1ZXJ5TGlzdDxGTm9kZUlucHV0QmFzZT47XG5cbiAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdTVkdFbGVtZW50PixcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIG5nWm9uZTogTmdab25lXG4gICkge1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmliZU9uQ29tcG9uZW50c0NoYW5nZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBzdWJzY3JpYmVPbkNvbXBvbmVudHNDaGFuZ2VzKCk6IHZvaWQge1xuICAgIGNvbnNvbGUubG9nKHRoaXMuZk5vZGVzQ29udGFpbmVyKTtcbiAgICBjb25zdCBjaGFuZ2VzID0gW1xuICAgICAgdGhpcy5mTm9kZXNDb250YWluZXIuZk5vZGVzLmNoYW5nZXMsXG4gICAgICB0aGlzLmZDb25uZWN0aW9uc0NvbnRhaW5lci5mQ29ubmVjdGlvbnMuY2hhbmdlcyxcbiAgICAgIHRoaXMub3V0bGV0cy5jaGFuZ2VzLFxuICAgICAgdGhpcy5vdXRwdXRzLmNoYW5nZXMsXG4gICAgICB0aGlzLmlucHV0cy5jaGFuZ2VzXG4gICAgXTtcblxuICAgIG1lcmdlKC4uLmNoYW5nZXMpLnBpcGUoc3RhcnRXaXRoKG51bGwpLCB0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgY29uc3QgY2hhbmdlZE9yRGVzdHJveWVkID0gbWVyZ2UoLi4uY2hhbmdlcywgdGhpcy5vbkRlc3Ryb3kpO1xuXG4gICAgICAvLyBjb25zdCBub2Rlc0NoYW5nZXMgPSBuZXcgUXVlcnlMaXN0U3RhdGVDaGFuZ2VzKHRoaXMubmdab25lKS5oYW5kbGUodGhpcy5ub2Rlcyk7XG4gICAgICAvL1xuICAgICAgLy8gbWVyZ2Uobm9kZXNDaGFuZ2VzKS5waXBlKHN0YXJ0V2l0aChudWxsKSwgdGFrZVVudGlsKGNoYW5nZWRPckRlc3Ryb3llZCkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAvL1xuICAgICAgLy9cbiAgICAgIC8vIH0pO1xuXG4gICAgICB0aGlzLmZDb25uZWN0aW9uc0NvbnRhaW5lci5mQ29ubmVjdGlvbnMuZm9yRWFjaCgoY29ubmVjdGlvbikgPT4ge1xuICAgICAgICBjb25uZWN0aW9uLmZyb21UbyA9IHtcbiAgICAgICAgICBvdXRwdXQ6IHRoaXMub3V0cHV0cy5maW5kKCh4KSA9PiB4LmlkID09PSBjb25uZWN0aW9uLm91dHB1dElkKSEsXG4gICAgICAgICAgaW5wdXQ6IHRoaXMuaW5wdXRzLmZpbmQoKHgpID0+IHguaWQgPT09IGNvbm5lY3Rpb24uaW5wdXRJZCkhXG4gICAgICAgIH07XG4gICAgICAgIGNvbm5lY3Rpb24uaW5pdGlhbGl6ZSgpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5vbkRlc3Ryb3kubmV4dCgpO1xuICAgIHRoaXMub25EZXN0cm95LmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,67 @@
+import { Component, ContentChild, ContentChildren, Input, ViewChild } from '@angular/core';
+import { FCanvasDirective } from '../../internal/f-canvas';
+import { F_ITEMS_CONTAINER } from '../../directives/f-containers/f-items-container';
+import { F_FLOW_COMPONENT, FFlowBase } from './f-flow-base';
+import { F_NODE_INPUT_DIRECTIVE, F_NODE_OUTLET_DIRECTIVE, F_NODE_OUTPUT_DIRECTIVE } from '../f-connectors';
+import { F_NODES_CONTAINER } from '../../directives/f-containers/f-nodes-container';
+import { F_CONNECTIONS_CONTAINER } from '../../directives/f-containers/f-connections-container/f-connections-container-base';
+import { F_BACKGROUND } from '../../internal/f-backgroud';
+import * as i0 from "@angular/core";
+import * as i1 from "../../internal/f-canvas/f-canvas.directive";
+import * as i2 from "@angular/common";
+import * as i3 from "../../internal/f-backgroud/f-background.directive";
+let uniqueId = 0;
+export const CONNECTION_MARKER_START = "connection-marker-start";
+export const CONNECTION_MARKER_END = "connection-marker-end";
+export const CONNECTION_MARKER_START_SELECTED = "connection-marker-start-selected";
+export const CONNECTION_MARKER_END_SELECTED = "connection-marker-end-selected";
+export class FFlowComponent extends FFlowBase {
+    get transform() {
+        return this.fItemsContainer.transform;
+    }
+    constructor(elementReference, changeDetectorRef, ngZone) {
+        super(elementReference, changeDetectorRef, ngZone);
+        this.CONNECTION_MARKER_START = CONNECTION_MARKER_START;
+        this.CONNECTION_MARKER_END = CONNECTION_MARKER_END;
+        this.CONNECTION_MARKER_START_SELECTED = CONNECTION_MARKER_START_SELECTED;
+        this.CONNECTION_MARKER_END_SELECTED = CONNECTION_MARKER_END_SELECTED;
+        this.id = `f-flow-${uniqueId++}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FFlowComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: FFlowComponent, selector: "svg[fFlow]", inputs: { id: "id" }, host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-flow" }, providers: [{ provide: F_FLOW_COMPONENT, useExisting: FFlowComponent }], queries: [{ propertyName: "fNodesContainer", first: true, predicate: F_NODES_CONTAINER, descendants: true, static: true }, { propertyName: "fConnectionsContainer", first: true, predicate: F_CONNECTIONS_CONTAINER, descendants: true }, { propertyName: "fItemsContainer", first: true, predicate: F_ITEMS_CONTAINER, descendants: true, static: true }, { propertyName: "outlets", predicate: F_NODE_OUTLET_DIRECTIVE, descendants: true }, { propertyName: "outputs", predicate: F_NODE_OUTPUT_DIRECTIVE, descendants: true }, { propertyName: "inputs", predicate: F_NODE_INPUT_DIRECTIVE, descendants: true }], viewQueries: [{ propertyName: "fBackground", first: true, predicate: F_BACKGROUND, descendants: true, static: true }], usesInheritance: true, hostDirectives: [{ directive: i1.FCanvasDirective }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <svg:g fBackground>\n    <rect width=\"100%\" height=\"100%\" fill=\"url(#background)\"></rect>\n  </svg:g>\n  <ng-content></ng-content>\n  <svg:defs>\n    <svg:marker [id]=\"CONNECTION_MARKER_START\" class=\"connection-marker-start\" markerHeight=\"10\" markerWidth=\"10\" refY=\"5\" refX=\"5\">\n      <svg:circle cx=\"5\" cy=\"5\" r=\"2\"></svg:circle>\n    </svg:marker>\n    <svg:marker [id]=\"CONNECTION_MARKER_END\" class=\"connection-marker-end\" markerHeight=\"10\" markerWidth=\"10\" orient=\"auto\" refX=\"5\" refY=\"3\">\n      <svg:path d=\"M0,0 L6,3 0,6Z\"></svg:path>\n    </svg:marker>\n    <svg:marker [id]=\"CONNECTION_MARKER_START_SELECTED\" class=\"connection-marker-start f-selected\" markerHeight=\"10\" markerWidth=\"10\" refY=\"5\" refX=\"5\">\n      <svg:circle cx=\"5\" cy=\"5\" r=\"2\"></svg:circle>\n    </svg:marker>\n    <svg:marker [id]=\"CONNECTION_MARKER_END_SELECTED\" class=\"connection-marker-end f-selected\" markerHeight=\"10\" markerWidth=\"10\" orient=\"auto\" refX=\"5\" refY=\"3\">\n      <svg:path d=\"M0,0 L6,3 0,6Z\"></svg:path>\n    </svg:marker>\n    <ng-container *ngIf=\"fConnectionsContainer\">\n      <ng-container *ngFor=\"let connection of fConnectionsContainer.fConnections.toArray()\">\n        <svg:marker [id]=\"'connection-marker-start-' + connection.fromTo?.output?.color\" markerHeight=\"10\" markerWidth=\"10\" refY=\"5\" refX=\"5\">\n          <svg:circle cx=\"5\" cy=\"5\" r=\"2\" [attr.stroke]=\"'none'\" [attr.fill]=\"connection.fromTo?.output?.color\"></svg:circle>\n        </svg:marker>\n        <svg:marker [id]=\"'connection-marker-end-' + connection.fromTo?.input?.color\" markerHeight=\"10\" markerWidth=\"10\" orient=\"auto\" refX=\"5\" refY=\"3\">\n          <svg:path d=\"M0,0 L6,3 0,6Z\" [attr.stroke]=\"'none'\" [attr.fill]=\"connection.fromTo?.input?.color\"></svg:path>\n        </svg:marker>\n      </ng-container>\n\n    </ng-container>\n    <svg:pattern id=\"background\" height=\"10\" width=\"10\" class=\"fb-background-pattern\"\n                 patternUnits=\"userSpaceOnUse\">\n      <svg:circle cx=\"5\" cy=\"5\" r=\"0.5\"/>\n    </svg:pattern>\n  </svg:defs>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.FBackgroundDirective, selector: "g[fBackground]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FFlowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'svg[fFlow]', hostDirectives: [
+                        {
+                            directive: FCanvasDirective
+                        }
+                    ], host: {
+                        '[attr.id]': 'id',
+                        class: "f-component f-flow"
+                    }, providers: [{ provide: F_FLOW_COMPONENT, useExisting: FFlowComponent }], template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <svg:g fBackground>\n    <rect width=\"100%\" height=\"100%\" fill=\"url(#background)\"></rect>\n  </svg:g>\n  <ng-content></ng-content>\n  <svg:defs>\n    <svg:marker [id]=\"CONNECTION_MARKER_START\" class=\"connection-marker-start\" markerHeight=\"10\" markerWidth=\"10\" refY=\"5\" refX=\"5\">\n      <svg:circle cx=\"5\" cy=\"5\" r=\"2\"></svg:circle>\n    </svg:marker>\n    <svg:marker [id]=\"CONNECTION_MARKER_END\" class=\"connection-marker-end\" markerHeight=\"10\" markerWidth=\"10\" orient=\"auto\" refX=\"5\" refY=\"3\">\n      <svg:path d=\"M0,0 L6,3 0,6Z\"></svg:path>\n    </svg:marker>\n    <svg:marker [id]=\"CONNECTION_MARKER_START_SELECTED\" class=\"connection-marker-start f-selected\" markerHeight=\"10\" markerWidth=\"10\" refY=\"5\" refX=\"5\">\n      <svg:circle cx=\"5\" cy=\"5\" r=\"2\"></svg:circle>\n    </svg:marker>\n    <svg:marker [id]=\"CONNECTION_MARKER_END_SELECTED\" class=\"connection-marker-end f-selected\" markerHeight=\"10\" markerWidth=\"10\" orient=\"auto\" refX=\"5\" refY=\"3\">\n      <svg:path d=\"M0,0 L6,3 0,6Z\"></svg:path>\n    </svg:marker>\n    <ng-container *ngIf=\"fConnectionsContainer\">\n      <ng-container *ngFor=\"let connection of fConnectionsContainer.fConnections.toArray()\">\n        <svg:marker [id]=\"'connection-marker-start-' + connection.fromTo?.output?.color\" markerHeight=\"10\" markerWidth=\"10\" refY=\"5\" refX=\"5\">\n          <svg:circle cx=\"5\" cy=\"5\" r=\"2\" [attr.stroke]=\"'none'\" [attr.fill]=\"connection.fromTo?.output?.color\"></svg:circle>\n        </svg:marker>\n        <svg:marker [id]=\"'connection-marker-end-' + connection.fromTo?.input?.color\" markerHeight=\"10\" markerWidth=\"10\" orient=\"auto\" refX=\"5\" refY=\"3\">\n          <svg:path d=\"M0,0 L6,3 0,6Z\" [attr.stroke]=\"'none'\" [attr.fill]=\"connection.fromTo?.input?.color\"></svg:path>\n        </svg:marker>\n      </ng-container>\n\n    </ng-container>\n    <svg:pattern id=\"background\" height=\"10\" width=\"10\" class=\"fb-background-pattern\"\n                 patternUnits=\"userSpaceOnUse\">\n      <svg:circle cx=\"5\" cy=\"5\" r=\"0.5\"/>\n    </svg:pattern>\n  </svg:defs>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { id: [{
+                type: Input
+            }], fNodesContainer: [{
+                type: ContentChild,
+                args: [F_NODES_CONTAINER, { static: true }]
+            }], fConnectionsContainer: [{
+                type: ContentChild,
+                args: [F_CONNECTIONS_CONTAINER, { descendants: true }]
+            }], fItemsContainer: [{
+                type: ContentChild,
+                args: [F_ITEMS_CONTAINER, { static: true }]
+            }], fBackground: [{
+                type: ViewChild,
+                args: [F_BACKGROUND, { static: true }]
+            }], outlets: [{
+                type: ContentChildren,
+                args: [F_NODE_OUTLET_DIRECTIVE, { descendants: true }]
+            }], outputs: [{
+                type: ContentChildren,
+                args: [F_NODE_OUTPUT_DIRECTIVE, { descendants: true }]
+            }], inputs: [{
+                type: ContentChildren,
+                args: [F_NODE_INPUT_DIRECTIVE, { descendants: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvbGliL2NvbXBvbmVudHMvZi1mbG93L2YtZmxvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2YtZmxvdy9mLWZsb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFBRSxZQUFZLEVBQ3ZCLGVBQWUsRUFFZixLQUFLLEVBR0wsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBdUIsTUFBTSxpREFBaUQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVELE9BQU8sRUFDTCxzQkFBc0IsRUFBRSx1QkFBdUIsRUFDL0MsdUJBQXVCLEVBSXhCLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxFQUFFLGlCQUFpQixFQUF1QixNQUFNLGlEQUFpRCxDQUFDO0FBQ3pHLE9BQU8sRUFDTCx1QkFBdUIsRUFFeEIsTUFBTSxvRkFBb0YsQ0FBQztBQUM1RixPQUFPLEVBQUUsWUFBWSxFQUFtQixNQUFNLDRCQUE0QixDQUFDOzs7OztBQUUzRSxJQUFJLFFBQVEsR0FBVyxDQUFDLENBQUM7QUFFekIsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcseUJBQXlCLENBQUM7QUFDakUsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsdUJBQXVCLENBQUM7QUFDN0QsTUFBTSxDQUFDLE1BQU0sZ0NBQWdDLEdBQUcsa0NBQWtDLENBQUM7QUFDbkYsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsZ0NBQWdDLENBQUM7QUFlL0UsTUFBTSxPQUFPLGNBQWUsU0FBUSxTQUFTO0lBK0IzQyxJQUFvQixTQUFTO1FBQzNCLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUM7SUFDeEMsQ0FBQztJQUVELFlBQ0UsZ0JBQTJDLEVBQzNDLGlCQUFvQyxFQUNwQyxNQUFjO1FBRWQsS0FBSyxDQUFDLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBdENyQyw0QkFBdUIsR0FBRyx1QkFBdUIsQ0FBQztRQUNsRCwwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUM5QyxxQ0FBZ0MsR0FBRyxnQ0FBZ0MsQ0FBQztRQUNwRSxtQ0FBOEIsR0FBRyw4QkFBOEIsQ0FBQztRQUdoRSxPQUFFLEdBQVcsVUFBVyxRQUFRLEVBQUcsRUFBRSxDQUFDO0lBaUN0RCxDQUFDOzhHQXpDVSxjQUFjO2tHQUFkLGNBQWMsNElBRmQsQ0FBRSxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLENBQUUsdUVBWTNELGlCQUFpQixzR0FHakIsdUJBQXVCLGtGQUd2QixpQkFBaUIsMkVBTWQsdUJBQXVCLDZEQUd2Qix1QkFBdUIsNERBR3ZCLHNCQUFzQiw2RkFUNUIsWUFBWSwySUNuRXpCLG1yRUFtQ0E7OzJGRGFhLGNBQWM7a0JBZDFCLFNBQVM7K0JBQ0UsWUFBWSxrQkFFTjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsZ0JBQWdCO3lCQUM1QjtxQkFDRixRQUNLO3dCQUNKLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixLQUFLLEVBQUUsb0JBQW9CO3FCQUM1QixhQUNVLENBQUUsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxnQkFBZ0IsRUFBRSxDQUFFO3NKQVV6RCxFQUFFO3NCQURqQixLQUFLO2dCQUlVLGVBQWU7c0JBRDlCLFlBQVk7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUlqQyxxQkFBcUI7c0JBRHBDLFlBQVk7dUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUk1QyxlQUFlO3NCQUQ5QixZQUFZO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJakMsV0FBVztzQkFEMUIsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUl6QixPQUFPO3NCQUR0QixlQUFlO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFJL0MsT0FBTztzQkFEdEIsZUFBZTt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSS9DLE1BQU07c0JBRHJCLGVBQWU7dUJBQUMsc0JBQXNCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCwgQ29udGVudENoaWxkLFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBOZ1pvbmUsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRkNhbnZhc0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2ludGVybmFsL2YtY2FudmFzJztcbmltcG9ydCB7IEZfSVRFTVNfQ09OVEFJTkVSLCBGSXRlbXNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9mLWNvbnRhaW5lcnMvZi1pdGVtcy1jb250YWluZXInO1xuaW1wb3J0IHsgRl9GTE9XX0NPTVBPTkVOVCwgRkZsb3dCYXNlIH0gZnJvbSAnLi9mLWZsb3ctYmFzZSc7XG5pbXBvcnQgeyBJVHJhbnNmb3JtTW9kZWwgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHtcbiAgRl9OT0RFX0lOUFVUX0RJUkVDVElWRSwgRl9OT0RFX09VVExFVF9ESVJFQ1RJVkUsXG4gIEZfTk9ERV9PVVRQVVRfRElSRUNUSVZFLFxuICBGTm9kZUlucHV0QmFzZSxcbiAgRk5vZGVPdXRsZXRCYXNlLFxuICBGTm9kZU91dHB1dEJhc2Vcbn0gZnJvbSAnLi4vZi1jb25uZWN0b3JzJztcbmltcG9ydCB7IEZfTk9ERVNfQ09OVEFJTkVSLCBGTm9kZXNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9mLWNvbnRhaW5lcnMvZi1ub2Rlcy1jb250YWluZXInO1xuaW1wb3J0IHtcbiAgRl9DT05ORUNUSU9OU19DT05UQUlORVIsXG4gIEZDb25uZWN0aW9uc0NvbnRhaW5lckJhc2Vcbn0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9mLWNvbnRhaW5lcnMvZi1jb25uZWN0aW9ucy1jb250YWluZXIvZi1jb25uZWN0aW9ucy1jb250YWluZXItYmFzZSc7XG5pbXBvcnQgeyBGX0JBQ0tHUk9VTkQsIEZCYWNrZ3JvdW5kQmFzZSB9IGZyb20gJy4uLy4uL2ludGVybmFsL2YtYmFja2dyb3VkJztcblxubGV0IHVuaXF1ZUlkOiBudW1iZXIgPSAwO1xuXG5leHBvcnQgY29uc3QgQ09OTkVDVElPTl9NQVJLRVJfU1RBUlQgPSBcImNvbm5lY3Rpb24tbWFya2VyLXN0YXJ0XCI7XG5leHBvcnQgY29uc3QgQ09OTkVDVElPTl9NQVJLRVJfRU5EID0gXCJjb25uZWN0aW9uLW1hcmtlci1lbmRcIjtcbmV4cG9ydCBjb25zdCBDT05ORUNUSU9OX01BUktFUl9TVEFSVF9TRUxFQ1RFRCA9IFwiY29ubmVjdGlvbi1tYXJrZXItc3RhcnQtc2VsZWN0ZWRcIjtcbmV4cG9ydCBjb25zdCBDT05ORUNUSU9OX01BUktFUl9FTkRfU0VMRUNURUQgPSBcImNvbm5lY3Rpb24tbWFya2VyLWVuZC1zZWxlY3RlZFwiO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ZnW2ZGbG93XScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mLWZsb3cuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRkNhbnZhc0RpcmVjdGl2ZVxuICAgIH1cbiAgXSxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgIGNsYXNzOiBcImYtY29tcG9uZW50IGYtZmxvd1wiXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfRkxPV19DT01QT05FTlQsIHVzZUV4aXN0aW5nOiBGRmxvd0NvbXBvbmVudCB9IF0sXG59KVxuZXhwb3J0IGNsYXNzIEZGbG93Q29tcG9uZW50IGV4dGVuZHMgRkZsb3dCYXNlIHtcblxuICBwdWJsaWMgcmVhZG9ubHkgQ09OTkVDVElPTl9NQVJLRVJfU1RBUlQgPSBDT05ORUNUSU9OX01BUktFUl9TVEFSVDtcbiAgcHVibGljIHJlYWRvbmx5IENPTk5FQ1RJT05fTUFSS0VSX0VORCA9IENPTk5FQ1RJT05fTUFSS0VSX0VORDtcbiAgcHVibGljIHJlYWRvbmx5IENPTk5FQ1RJT05fTUFSS0VSX1NUQVJUX1NFTEVDVEVEID0gQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURUQ7XG4gIHB1YmxpYyByZWFkb25seSBDT05ORUNUSU9OX01BUktFUl9FTkRfU0VMRUNURUQgPSBDT05ORUNUSU9OX01BUktFUl9FTkRfU0VMRUNURUQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG92ZXJyaWRlIGlkOiBzdHJpbmcgPSBgZi1mbG93LSR7IHVuaXF1ZUlkKysgfWA7XG5cbiAgQENvbnRlbnRDaGlsZChGX05PREVTX0NPTlRBSU5FUiwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIG92ZXJyaWRlIGZOb2Rlc0NvbnRhaW5lciE6IEZOb2Rlc0NvbnRhaW5lckJhc2U7XG5cbiAgQENvbnRlbnRDaGlsZChGX0NPTk5FQ1RJT05TX0NPTlRBSU5FUiwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZkNvbm5lY3Rpb25zQ29udGFpbmVyITogRkNvbm5lY3Rpb25zQ29udGFpbmVyQmFzZTtcblxuICBAQ29udGVudENoaWxkKEZfSVRFTVNfQ09OVEFJTkVSLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZkl0ZW1zQ29udGFpbmVyITogRkl0ZW1zQ29udGFpbmVyQmFzZTtcblxuICBAVmlld0NoaWxkKEZfQkFDS0dST1VORCwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIG92ZXJyaWRlIGZCYWNrZ3JvdW5kITogRkJhY2tncm91bmRCYXNlO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oRl9OT0RFX09VVExFVF9ESVJFQ1RJVkUsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgcHVibGljIG92ZXJyaWRlIG91dGxldHMhOiBRdWVyeUxpc3Q8Rk5vZGVPdXRsZXRCYXNlPjtcblxuICBAQ29udGVudENoaWxkcmVuKEZfTk9ERV9PVVRQVVRfRElSRUNUSVZFLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBvdXRwdXRzITogUXVlcnlMaXN0PEZOb2RlT3V0cHV0QmFzZT47XG5cbiAgQENvbnRlbnRDaGlsZHJlbihGX05PREVfSU5QVVRfRElSRUNUSVZFLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBpbnB1dHMhOiBRdWVyeUxpc3Q8Rk5vZGVJbnB1dEJhc2U+O1xuXG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgdHJhbnNmb3JtKCk6IElUcmFuc2Zvcm1Nb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMuZkl0ZW1zQ29udGFpbmVyLnRyYW5zZm9ybTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHU1ZHRWxlbWVudD4sXG4gICAgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIG5nWm9uZTogTmdab25lXG4gICkge1xuICAgIHN1cGVyKGVsZW1lbnRSZWZlcmVuY2UsIGNoYW5nZURldGVjdG9yUmVmLCBuZ1pvbmUpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyIHhtbG5zOnN2Zz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gIDxzdmc6ZyBmQmFja2dyb3VuZD5cbiAgICA8cmVjdCB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgZmlsbD1cInVybCgjYmFja2dyb3VuZClcIj48L3JlY3Q+XG4gIDwvc3ZnOmc+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPHN2ZzpkZWZzPlxuICAgIDxzdmc6bWFya2VyIFtpZF09XCJDT05ORUNUSU9OX01BUktFUl9TVEFSVFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItc3RhcnRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiByZWZZPVwiNVwiIHJlZlg9XCI1XCI+XG4gICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMlwiPjwvc3ZnOmNpcmNsZT5cbiAgICA8L3N2ZzptYXJrZXI+XG4gICAgPHN2ZzptYXJrZXIgW2lkXT1cIkNPTk5FQ1RJT05fTUFSS0VSX0VORFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItZW5kXCIgbWFya2VySGVpZ2h0PVwiMTBcIiBtYXJrZXJXaWR0aD1cIjEwXCIgb3JpZW50PVwiYXV0b1wiIHJlZlg9XCI1XCIgcmVmWT1cIjNcIj5cbiAgICAgIDxzdmc6cGF0aCBkPVwiTTAsMCBMNiwzIDAsNlpcIj48L3N2ZzpwYXRoPlxuICAgIDwvc3ZnOm1hcmtlcj5cbiAgICA8c3ZnOm1hcmtlciBbaWRdPVwiQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURURcIiBjbGFzcz1cImNvbm5lY3Rpb24tbWFya2VyLXN0YXJ0IGYtc2VsZWN0ZWRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiByZWZZPVwiNVwiIHJlZlg9XCI1XCI+XG4gICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMlwiPjwvc3ZnOmNpcmNsZT5cbiAgICA8L3N2ZzptYXJrZXI+XG4gICAgPHN2ZzptYXJrZXIgW2lkXT1cIkNPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItZW5kIGYtc2VsZWN0ZWRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiBvcmllbnQ9XCJhdXRvXCIgcmVmWD1cIjVcIiByZWZZPVwiM1wiPlxuICAgICAgPHN2ZzpwYXRoIGQ9XCJNMCwwIEw2LDMgMCw2WlwiPjwvc3ZnOnBhdGg+XG4gICAgPC9zdmc6bWFya2VyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmQ29ubmVjdGlvbnNDb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbm5lY3Rpb24gb2YgZkNvbm5lY3Rpb25zQ29udGFpbmVyLmZDb25uZWN0aW9ucy50b0FycmF5KClcIj5cbiAgICAgICAgPHN2ZzptYXJrZXIgW2lkXT1cIidjb25uZWN0aW9uLW1hcmtlci1zdGFydC0nICsgY29ubmVjdGlvbi5mcm9tVG8/Lm91dHB1dD8uY29sb3JcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiByZWZZPVwiNVwiIHJlZlg9XCI1XCI+XG4gICAgICAgICAgPHN2ZzpjaXJjbGUgY3g9XCI1XCIgY3k9XCI1XCIgcj1cIjJcIiBbYXR0ci5zdHJva2VdPVwiJ25vbmUnXCIgW2F0dHIuZmlsbF09XCJjb25uZWN0aW9uLmZyb21Ubz8ub3V0cHV0Py5jb2xvclwiPjwvc3ZnOmNpcmNsZT5cbiAgICAgICAgPC9zdmc6bWFya2VyPlxuICAgICAgICA8c3ZnOm1hcmtlciBbaWRdPVwiJ2Nvbm5lY3Rpb24tbWFya2VyLWVuZC0nICsgY29ubmVjdGlvbi5mcm9tVG8/LmlucHV0Py5jb2xvclwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIG9yaWVudD1cImF1dG9cIiByZWZYPVwiNVwiIHJlZlk9XCIzXCI+XG4gICAgICAgICAgPHN2ZzpwYXRoIGQ9XCJNMCwwIEw2LDMgMCw2WlwiIFthdHRyLnN0cm9rZV09XCInbm9uZSdcIiBbYXR0ci5maWxsXT1cImNvbm5lY3Rpb24uZnJvbVRvPy5pbnB1dD8uY29sb3JcIj48L3N2ZzpwYXRoPlxuICAgICAgICA8L3N2ZzptYXJrZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxzdmc6cGF0dGVybiBpZD1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMFwiIHdpZHRoPVwiMTBcIiBjbGFzcz1cImZiLWJhY2tncm91bmQtcGF0dGVyblwiXG4gICAgICAgICAgICAgICAgIHBhdHRlcm5Vbml0cz1cInVzZXJTcGFjZU9uVXNlXCI+XG4gICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMC41XCIvPlxuICAgIDwvc3ZnOnBhdHRlcm4+XG4gIDwvc3ZnOmRlZnM+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

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

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

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

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

package/esm2022/lib/components/f-node/f-drag-handle/f-drag-handle.directive.mjs

@@ -0,0 +1,54 @@
+import { Directive, Inject, InjectionToken, Input, Optional, SkipSelf } from "@angular/core";
+import { Subject } from 'rxjs';
+import { BooleanExtensions } from '@foblex/core';
+import { F_NODE_COMPONENT } from '../f-node-base';
+import * as i0 from "@angular/core";
+export const F_DRAG_HANDLE = new InjectionToken('F_DRAG_HANDLE');
+export class FDragHandleDirective {
+    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, _parentNode) {
+        this.elementReference = elementReference;
+        this.stateChanges = new Subject();
+        this.isDisabled = false;
+        this._parentNode = _parentNode;
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FDragHandleDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE_COMPONENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FDragHandleDirective, selector: "[fDragHandle]", inputs: { disabled: ["fDragHandleDisabled", "disabled"] }, host: { properties: { "class.f-drag-handle-disabled": "disabled" }, classAttribute: "f-drag-handle f-component" }, providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FDragHandleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[fDragHandle]",
+                    host: {
+                        class: "f-drag-handle f-component",
+                        '[class.f-drag-handle-disabled]': 'disabled'
+                    },
+                    providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [F_NODE_COMPONENT]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; }, propDecorators: { disabled: [{
+                type: Input,
+                args: ['fDragHandleDisabled']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1kcmFnLWhhbmRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2Ytbm9kZS9mLWRyYWctaGFuZGxlL2YtZHJhZy1oYW5kbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQWMsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQWEsUUFBUSxFQUFFLFFBQVEsRUFDcEYsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsaUJBQWlCLEVBQW1CLE1BQU0sY0FBYyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUVsRCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQXlDLElBQUksY0FBYyxDQUF1QixlQUFlLENBQUMsQ0FBQztBQVU3SCxNQUFNLE9BQU8sb0JBQW9CO0lBTS9CLElBQ1csUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVELElBQVcsUUFBUSxDQUFDLFVBQXdDO1FBQzFELE1BQU0sS0FBSyxHQUFHLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxRCxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBSUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFDVSxnQkFBeUMsRUFDQyxXQUFpQjtRQUQzRCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXlCO1FBeEJuQyxpQkFBWSxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO1FBaUIxRCxlQUFVLEdBQVksS0FBSyxDQUFDO1FBVWxDLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQ2pDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQzs4R0FsQ1Usb0JBQW9CLDRDQTJCckIsZ0JBQWdCO2tHQTNCZixvQkFBb0Isc05BRnBCLENBQUUsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxDQUFFOzsyRkFFakUsb0JBQW9CO2tCQVJoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLDJCQUEyQjt3QkFDbEMsZ0NBQWdDLEVBQUUsVUFBVTtxQkFDN0M7b0JBQ0QsU0FBUyxFQUFFLENBQUUsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsc0JBQXNCLEVBQUUsQ0FBRTtpQkFDN0U7OzBCQTRCSSxNQUFNOzJCQUFDLGdCQUFnQjs7MEJBQUcsUUFBUTs7MEJBQUksUUFBUTs0Q0FwQnRDLFFBQVE7c0JBRGxCLEtBQUs7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3QsIEluamVjdGlvblRva2VuLCBJbnB1dCwgT25EZXN0cm95LCBPcHRpb25hbCwgU2tpcFNlbGZcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJvb2xlYW5FeHRlbnNpb25zLCBJSGFzSG9zdEVsZW1lbnQgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgSUhhc1N0YXRlQ2hhbmdlcyB9IGZyb20gJy4uLy4uLy4uL2ktaGFzLXN0YXRlLWNoYW5nZXMnO1xuaW1wb3J0IHsgRl9OT0RFX0NPTVBPTkVOVCB9IGZyb20gJy4uL2Ytbm9kZS1iYXNlJztcblxuZXhwb3J0IGNvbnN0IEZfRFJBR19IQU5ETEU6IEluamVjdGlvblRva2VuPEZEcmFnSGFuZGxlRGlyZWN0aXZlPiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxGRHJhZ0hhbmRsZURpcmVjdGl2ZT4oJ0ZfRFJBR19IQU5ETEUnKTtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiBcIltmRHJhZ0hhbmRsZV1cIixcbiAgaG9zdDoge1xuICAgIGNsYXNzOiBcImYtZHJhZy1oYW5kbGUgZi1jb21wb25lbnRcIixcbiAgICAnW2NsYXNzLmYtZHJhZy1oYW5kbGUtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJ1xuICB9LFxuICBwcm92aWRlcnM6IFsgeyBwcm92aWRlOiBGX0RSQUdfSEFORExFLCB1c2VFeGlzdGluZzogRkRyYWdIYW5kbGVEaXJlY3RpdmUgfSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGRHJhZ0hhbmRsZURpcmVjdGl2ZSBpbXBsZW1lbnRzIElIYXNIb3N0RWxlbWVudCwgSUhhc1N0YXRlQ2hhbmdlcywgT25EZXN0cm95IHtcblxuICBwdWJsaWMgcmVhZG9ubHkgc3RhdGVDaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgX3BhcmVudE5vZGU6IHt9IHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgnZkRyYWdIYW5kbGVEaXNhYmxlZCcpXG4gIHB1YmxpYyBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBzZXQgZGlzYWJsZWQoaXNEaXNhYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IHN0cmluZykge1xuICAgIGNvbnN0IHZhbHVlID0gQm9vbGVhbkV4dGVuc2lvbnMuY2FzdFRvQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaXNEaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc0Rpc2FibGVkID0gdmFsdWU7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICBASW5qZWN0KEZfTk9ERV9DT01QT05FTlQpIEBPcHRpb25hbCgpIEBTa2lwU2VsZigpIF9wYXJlbnROb2RlPzogYW55LFxuICApIHtcbiAgICB0aGlzLl9wYXJlbnROb2RlID0gX3BhcmVudE5vZGU7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZUNoYW5nZXMuY29tcGxldGUoKTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/f-node/f-drag-handle/index.mjs

@@ -0,0 +1,3 @@
+export * from './f-drag-handle.directive';
+export * from './is-drag-handle';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2Ytbm9kZS9mLWRyYWctaGFuZGxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1kcmFnLWhhbmRsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9pcy1kcmFnLWhhbmRsZSc7XG4iXX0=

package/esm2022/lib/components/f-node/f-drag-handle/is-drag-handle.mjs

@@ -0,0 +1,20 @@
+export function isNodeDragHandle(element) {
+    const dragHandle = getClosestDragHandle(element);
+    return !!dragHandle && !isElementOrParentExcluded(element);
+}
+function isElementOrParentExcluded(element) {
+    const isContains = isElementContainsClass(element);
+    const parentElement = element.parentElement;
+    const dragHandle = getClosestDragHandle(parentElement);
+    if (!isContains && !!dragHandle) {
+        return isElementOrParentExcluded(parentElement);
+    }
+    return isContains;
+}
+function getClosestDragHandle(element) {
+    return element.closest('[fDragHandle]');
+}
+function isElementContainsClass(element) {
+    return element.classList.contains('f-drag-handle-disabled');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtZHJhZy1oYW5kbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2Ytbm9kZS9mLWRyYWctaGFuZGxlL2lzLWRyYWctaGFuZGxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sVUFBVSxnQkFBZ0IsQ0FBQyxPQUFpQztJQUNoRSxNQUFNLFVBQVUsR0FBRyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqRCxPQUFPLENBQUMsQ0FBQyxVQUFVLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUM3RCxDQUFDO0FBRUQsU0FBUyx5QkFBeUIsQ0FBQyxPQUFpQztJQUNsRSxNQUFNLFVBQVUsR0FBRyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuRCxNQUFNLGFBQWEsR0FBSSxPQUFPLENBQUMsYUFBNkIsQ0FBQztJQUM3RCxNQUFNLFVBQVUsR0FBRyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN2RCxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsQ0FBQyxVQUFVLEVBQUU7UUFDL0IsT0FBTyx5QkFBeUIsQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUNqRDtJQUNELE9BQU8sVUFBVSxDQUFDO0FBQ3BCLENBQUM7QUFFRCxTQUFTLG9CQUFvQixDQUFDLE9BQWlDO0lBQzdELE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQWdCLENBQUM7QUFDekQsQ0FBQztBQUVELFNBQVMsc0JBQXNCLENBQUMsT0FBaUM7SUFDL0QsT0FBTyxPQUFPLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO0FBQzlELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZnVuY3Rpb24gaXNOb2RlRHJhZ0hhbmRsZShlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpOiBib29sZWFuIHtcbiAgY29uc3QgZHJhZ0hhbmRsZSA9IGdldENsb3Nlc3REcmFnSGFuZGxlKGVsZW1lbnQpO1xuICByZXR1cm4gISFkcmFnSGFuZGxlICYmICFpc0VsZW1lbnRPclBhcmVudEV4Y2x1ZGVkKGVsZW1lbnQpO1xufVxuXG5mdW5jdGlvbiBpc0VsZW1lbnRPclBhcmVudEV4Y2x1ZGVkKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCk6IGJvb2xlYW4ge1xuICBjb25zdCBpc0NvbnRhaW5zID0gaXNFbGVtZW50Q29udGFpbnNDbGFzcyhlbGVtZW50KTtcbiAgY29uc3QgcGFyZW50RWxlbWVudCA9IChlbGVtZW50LnBhcmVudEVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpO1xuICBjb25zdCBkcmFnSGFuZGxlID0gZ2V0Q2xvc2VzdERyYWdIYW5kbGUocGFyZW50RWxlbWVudCk7XG4gIGlmICghaXNDb250YWlucyAmJiAhIWRyYWdIYW5kbGUpIHtcbiAgICByZXR1cm4gaXNFbGVtZW50T3JQYXJlbnRFeGNsdWRlZChwYXJlbnRFbGVtZW50KTtcbiAgfVxuICByZXR1cm4gaXNDb250YWlucztcbn1cblxuZnVuY3Rpb24gZ2V0Q2xvc2VzdERyYWdIYW5kbGUoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogSFRNTEVsZW1lbnQge1xuICByZXR1cm4gZWxlbWVudC5jbG9zZXN0KCdbZkRyYWdIYW5kbGVdJykgYXMgSFRNTEVsZW1lbnQ7XG59XG5cbmZ1bmN0aW9uIGlzRWxlbWVudENvbnRhaW5zQ2xhc3MoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gIHJldHVybiBlbGVtZW50LmNsYXNzTGlzdC5jb250YWlucygnZi1kcmFnLWhhbmRsZS1kaXNhYmxlZCcpO1xufVxuIl19

package/esm2022/lib/components/f-node/f-drag-handle/public-api.mjs

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

package/esm2022/lib/components/f-node/f-foreign-object/f-foreign-object-base.mjs

@@ -0,0 +1,40 @@
+import { Directive, InjectionToken } from '@angular/core';
+import { debounceTime, startWith, Subject, Subscription } from 'rxjs';
+import { FResizeObserver, RectExtensions } from '@foblex/core';
+import * as i0 from "@angular/core";
+export const F_FOREIGN_OBJECT_COMPONENT = new InjectionToken('F_FOREIGN_OBJECT_COMPONENT');
+export class FForeignObjectBase {
+    constructor(_parentNode) {
+        this.subscriptions$ = new Subscription();
+        this.stateChanges = new Subject();
+        this._parentNode = _parentNode;
+    }
+    ngAfterViewInit() {
+        this.subscriptions$.add(this.subscribeOnResizeChanges());
+    }
+    subscribeOnResizeChanges() {
+        return new FResizeObserver(this.hostElement.firstChild).pipe(startWith(null), debounceTime(10)).subscribe(() => {
+            this.redraw();
+            this.stateChanges.next();
+        });
+    }
+    redraw() {
+        const element = this.hostElement.firstChild;
+        if (element && !!element.getBoundingClientRect) {
+            const rect = RectExtensions.fromElement(element);
+            const scale = this.transform.scale;
+            this.hostElement.setAttribute("width", `${rect.width / scale}`);
+            this.hostElement.setAttribute("height", `${rect.height / scale}`);
+        }
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+        this.subscriptions$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FForeignObjectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.4", type: FForeignObjectBase, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FForeignObjectBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mb3JlaWduLW9iamVjdC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLW5vZGUvZi1mb3JlaWduLW9iamVjdC9mLWZvcmVpZ24tb2JqZWN0LWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNVLFNBQVMsRUFBRSxjQUFjLEVBQ3pDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBb0MsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDOztBQUdqRyxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBRyxJQUFJLGNBQWMsQ0FBcUIsNEJBQTRCLENBQUMsQ0FBQztBQUcvRyxNQUFNLE9BQWdCLGtCQUFrQjtJQVl0QyxZQUNFLFdBQWlCO1FBWFgsbUJBQWMsR0FBaUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU1uRCxpQkFBWSxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO1FBT3ZELElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQ2pDLENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUNyQixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FDaEMsQ0FBQztJQUNKLENBQUM7SUFFTyx3QkFBd0I7UUFDOUIsT0FBTyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQXlCLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDNUgsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxNQUFNO1FBQ1gsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUF5QixDQUFDO1FBQzNELElBQUksT0FBTyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUU7WUFDOUMsTUFBTSxJQUFJLEdBQUcsY0FBYyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNqRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsR0FBSSxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQU0sRUFBRSxDQUFDLENBQUM7WUFDbEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLEdBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFNLEVBQUUsQ0FBQyxDQUFDO1NBQ3JFO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3BDLENBQUM7OEdBNUNtQixrQkFBa0I7a0dBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFEdkMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgSW5qZWN0aW9uVG9rZW4sIE9uRGVzdHJveVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgc3RhcnRXaXRoLCBTdWJqZWN0LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEZSZXNpemVPYnNlcnZlciwgSUhhc0hvc3RFbGVtZW50LCBJVHJhbnNmb3JtTW9kZWwsIFJlY3RFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IElIYXNTdGF0ZUNoYW5nZXMgfSBmcm9tICcuLi8uLi8uLi9pLWhhcy1zdGF0ZS1jaGFuZ2VzJztcblxuZXhwb3J0IGNvbnN0IEZfRk9SRUlHTl9PQkpFQ1RfQ09NUE9ORU5UID0gbmV3IEluamVjdGlvblRva2VuPEZGb3JlaWduT2JqZWN0QmFzZT4oJ0ZfRk9SRUlHTl9PQkpFQ1RfQ09NUE9ORU5UJyk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEZGb3JlaWduT2JqZWN0QmFzZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIElIYXNTdGF0ZUNoYW5nZXMsIElIYXNIb3N0RWxlbWVudCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnMkOiBTdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgcHVibGljIF9wYXJlbnROb2RlOiB7fSB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgYWJzdHJhY3QgaG9zdEVsZW1lbnQ6IFNWR0ZvcmVpZ25PYmplY3RFbGVtZW50O1xuXG4gIHB1YmxpYyBzdGF0ZUNoYW5nZXM6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCB0cmFuc2Zvcm06IElUcmFuc2Zvcm1Nb2RlbDtcblxuICBwcm90ZWN0ZWQgY29uc3RydWN0b3IoXG4gICAgX3BhcmVudE5vZGU/OiBhbnksXG4gICkge1xuICAgIHRoaXMuX3BhcmVudE5vZGUgPSBfcGFyZW50Tm9kZTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zJC5hZGQoXG4gICAgICB0aGlzLnN1YnNjcmliZU9uUmVzaXplQ2hhbmdlcygpXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgc3Vic2NyaWJlT25SZXNpemVDaGFuZ2VzKCk6IFN1YnNjcmlwdGlvbiB7XG4gICAgcmV0dXJuIG5ldyBGUmVzaXplT2JzZXJ2ZXIodGhpcy5ob3N0RWxlbWVudC5maXJzdENoaWxkIGFzIEhUTUxFbGVtZW50KS5waXBlKHN0YXJ0V2l0aChudWxsKSwgZGVib3VuY2VUaW1lKDEwKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMucmVkcmF3KCk7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KCk6IHZvaWQge1xuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmhvc3RFbGVtZW50LmZpcnN0Q2hpbGQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgaWYgKGVsZW1lbnQgJiYgISFlbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCkge1xuICAgICAgY29uc3QgcmVjdCA9IFJlY3RFeHRlbnNpb25zLmZyb21FbGVtZW50KGVsZW1lbnQpO1xuICAgICAgY29uc3Qgc2NhbGUgPSB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcbiAgICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKFwid2lkdGhcIiwgYCR7IHJlY3Qud2lkdGggLyBzY2FsZSB9YCk7XG4gICAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZShcImhlaWdodFwiLCBgJHsgcmVjdC5oZWlnaHQgLyBzY2FsZSB9YCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGVDaGFuZ2VzLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zJC51bnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/f-node/f-foreign-object/f-foreign-object.component.mjs

@@ -0,0 +1,49 @@
+import { ChangeDetectionStrategy, Component, Inject, Input, Optional, SkipSelf } from "@angular/core";
+import { FForeignObjectBase, F_FOREIGN_OBJECT_COMPONENT } from './f-foreign-object-base';
+import { F_NODE_COMPONENT } from '../index';
+import * as i0 from "@angular/core";
+import * as i1 from "../../f-flow";
+export class FForeignObjectComponent extends FForeignObjectBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    get transform() {
+        return this.flow.transform;
+    }
+    constructor(elementReference, flow, _parentNode) {
+        super(_parentNode);
+        this.elementReference = elementReference;
+        this.flow = flow;
+        this.defaultWidth = 100;
+        this.defaultHeight = 100;
+        this.hostElement.style.cssText = 'overflow:visible;';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FForeignObjectComponent, deps: [{ token: i0.ElementRef }, { token: i1.FFlowComponent }, { token: F_NODE_COMPONENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: FForeignObjectComponent, selector: "foreignObject[fForeignObject]", inputs: { defaultWidth: ["fDefaultWidth", "defaultWidth"], defaultHeight: ["fDefaultHeight", "defaultHeight"] }, host: { properties: { "attr.width": "defaultWidth", "attr.height": "defaultHeight" }, classAttribute: "f-foreign-object f-component" }, providers: [
+            { provide: F_FOREIGN_OBJECT_COMPONENT, useExisting: FForeignObjectComponent }
+        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <ng-content></ng-content>\n</ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: FForeignObjectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "foreignObject[fForeignObject]", exportAs: "fComponent", changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: "f-foreign-object f-component",
+                        '[attr.width]': 'defaultWidth',
+                        '[attr.height]': 'defaultHeight'
+                    }, providers: [
+                        { provide: F_FOREIGN_OBJECT_COMPONENT, useExisting: FForeignObjectComponent }
+                    ], template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <ng-content></ng-content>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FFlowComponent }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [F_NODE_COMPONENT]
+                }, {
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; }, propDecorators: { defaultWidth: [{
+                type: Input,
+                args: ['fDefaultWidth']
+            }], defaultHeight: [{
+                type: Input,
+                args: ['fDefaultHeight']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mb3JlaWduLW9iamVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2Ytbm9kZS9mLWZvcmVpZ24tb2JqZWN0L2YtZm9yZWlnbi1vYmplY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9saWIvY29tcG9uZW50cy9mLW5vZGUvZi1mb3JlaWduLW9iamVjdC9mLWZvcmVpZ24tb2JqZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUFjLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFDekQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGtCQUFrQixFQUFFLDBCQUEwQixFQUMvQyxNQUFNLHlCQUF5QixDQUFDO0FBR2pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBZ0I1QyxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsa0JBQWtCO0lBUTdELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzdCLENBQUM7SUFFRCxZQUNVLGdCQUFxRCxFQUNyRCxJQUFvQixFQUNzQixXQUFpQjtRQUVuRSxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFKWCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXFDO1FBQ3JELFNBQUksR0FBSixJQUFJLENBQWdCO1FBZnZCLGlCQUFZLEdBQVcsR0FBRyxDQUFDO1FBRzNCLGtCQUFhLEdBQVcsR0FBRyxDQUFDO1FBZ0JqQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsbUJBQW1CLENBQUM7SUFDdkQsQ0FBQzs4R0F2QlUsdUJBQXVCLDBFQW1CeEIsZ0JBQWdCO2tHQW5CZix1QkFBdUIsaVRBSnZCO1lBQ1QsRUFBRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFO1NBQzlFLDJFQ3ZCSCx5R0FHQTs7MkZEc0JhLHVCQUF1QjtrQkFkbkMsU0FBUzsrQkFDRSwrQkFBK0IsWUFDL0IsWUFBWSxtQkFFTCx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSw4QkFBOEI7d0JBQ3JDLGNBQWMsRUFBRSxjQUFjO3dCQUM5QixlQUFlLEVBQUUsZUFBZTtxQkFDakMsYUFDVTt3QkFDVCxFQUFFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxXQUFXLHlCQUF5QixFQUFFO3FCQUM5RTs7MEJBcUJFLE1BQU07MkJBQUMsZ0JBQWdCOzswQkFBRyxRQUFROzswQkFBSSxRQUFROzRDQWhCMUMsWUFBWTtzQkFEbEIsS0FBSzt1QkFBQyxlQUFlO2dCQUlmLGFBQWE7c0JBRG5CLEtBQUs7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0LCBJbnB1dCwgT3B0aW9uYWwsIFNraXBTZWxmXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge1xuICBGRm9yZWlnbk9iamVjdEJhc2UsIEZfRk9SRUlHTl9PQkpFQ1RfQ09NUE9ORU5UXG59IGZyb20gJy4vZi1mb3JlaWduLW9iamVjdC1iYXNlJztcbmltcG9ydCB7IEZGbG93Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZi1mbG93JztcbmltcG9ydCB7IElUcmFuc2Zvcm1Nb2RlbCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX05PREVfQ09NUE9ORU5UIH0gZnJvbSAnLi4vaW5kZXgnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiZm9yZWlnbk9iamVjdFtmRm9yZWlnbk9iamVjdF1cIixcbiAgZXhwb3J0QXM6IFwiZkNvbXBvbmVudFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2YtZm9yZWlnbi1vYmplY3QuY29tcG9uZW50Lmh0bWxcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogXCJmLWZvcmVpZ24tb2JqZWN0IGYtY29tcG9uZW50XCIsXG4gICAgJ1thdHRyLndpZHRoXSc6ICdkZWZhdWx0V2lkdGgnLFxuICAgICdbYXR0ci5oZWlnaHRdJzogJ2RlZmF1bHRIZWlnaHQnXG4gIH0sXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogRl9GT1JFSUdOX09CSkVDVF9DT01QT05FTlQsIHVzZUV4aXN0aW5nOiBGRm9yZWlnbk9iamVjdENvbXBvbmVudCB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRkZvcmVpZ25PYmplY3RDb21wb25lbnQgZXh0ZW5kcyBGRm9yZWlnbk9iamVjdEJhc2Uge1xuXG4gIEBJbnB1dCgnZkRlZmF1bHRXaWR0aCcpXG4gIHB1YmxpYyBkZWZhdWx0V2lkdGg6IG51bWJlciA9IDEwMDtcblxuICBASW5wdXQoJ2ZEZWZhdWx0SGVpZ2h0JylcbiAgcHVibGljIGRlZmF1bHRIZWlnaHQ6IG51bWJlciA9IDEwMDtcblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IFNWR0ZvcmVpZ25PYmplY3RFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHRyYW5zZm9ybSgpOiBJVHJhbnNmb3JtTW9kZWwge1xuICAgIHJldHVybiB0aGlzLmZsb3cudHJhbnNmb3JtO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR0ZvcmVpZ25PYmplY3RFbGVtZW50PixcbiAgICBwcml2YXRlIGZsb3c6IEZGbG93Q29tcG9uZW50LFxuICAgIEBJbmplY3QoRl9OT0RFX0NPTVBPTkVOVCkgQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgX3BhcmVudE5vZGU/OiBhbnksXG4gICkge1xuICAgIHN1cGVyKF9wYXJlbnROb2RlKTtcbiAgICB0aGlzLmhvc3RFbGVtZW50LnN0eWxlLmNzc1RleHQgPSAnb3ZlcmZsb3c6dmlzaWJsZTsnO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyIHhtbG5zOnN2Zz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/lib/components/f-node/f-foreign-object/index.mjs

@@ -0,0 +1,3 @@
+export * from './f-foreign-object.component';
+export * from './f-foreign-object-base';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2Ytbm9kZS9mLWZvcmVpZ24tb2JqZWN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1mb3JlaWduLW9iamVjdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mLWZvcmVpZ24tb2JqZWN0LWJhc2UnO1xuIl19

package/esm2022/lib/components/f-node/f-foreign-object/public-api.mjs

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

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

@@ -0,0 +1,28 @@
+import { InjectionToken } from '@angular/core';
+import { Subject } from 'rxjs';
+import { F_SELECTED_CLASS } from '../../i-selectable';
+export const F_NODE_COMPONENT = new InjectionToken('F_NODE_COMPONENT');
+export class FNodeBase {
+    constructor() {
+        this.stateChanges = new Subject();
+    }
+    isContains(element) {
+        return this.hostElement.contains(element);
+    }
+    redraw() {
+        this.hostElement.setAttribute('transform', 'translate(' + this.position.x + ',' + this.position.y + ')');
+    }
+    deselect() {
+        this.hostElement.classList.remove(F_SELECTED_CLASS);
+    }
+    select() {
+        this.hostElement.classList.add(F_SELECTED_CLASS);
+    }
+    updatePosition(position) {
+        this.position = position;
+    }
+    completeDrag() {
+        this.positionChange.emit(this.position);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2xpYi9jb21wb25lbnRzL2Ytbm9kZS9mLW5vZGUtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLGNBQWMsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRy9CLE9BQU8sRUFBRSxnQkFBZ0IsRUFBZSxNQUFNLG9CQUFvQixDQUFDO0FBS25FLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLElBQUksY0FBYyxDQUFZLGtCQUFrQixDQUFDLENBQUM7QUFFbEYsTUFBTSxPQUFnQixTQUFTO0lBQS9CO1FBVWtCLGlCQUFZLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7SUErQnBFLENBQUM7SUF2QlEsVUFBVSxDQUFDLE9BQWlDO1FBQ2pELE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVNLE1BQU07UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztJQUMzRyxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVNLGNBQWMsQ0FBQyxRQUFnQjtRQUNwQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDekMsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRXZlbnRFbWl0dGVyLCBJbmplY3Rpb25Ub2tlbiwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJSGFzSG9zdEVsZW1lbnQsIElQb2ludCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBJSGFzU3RhdGVDaGFuZ2VzIH0gZnJvbSAnLi4vLi4vaS1oYXMtc3RhdGUtY2hhbmdlcyc7XG5pbXBvcnQgeyBGX1NFTEVDVEVEX0NMQVNTLCBJU2VsZWN0YWJsZSB9IGZyb20gJy4uLy4uL2ktc2VsZWN0YWJsZSc7XG5pbXBvcnQgeyBGRHJhZ0hhbmRsZURpcmVjdGl2ZSB9IGZyb20gJy4vZi1kcmFnLWhhbmRsZSc7XG5pbXBvcnQgeyBGRm9yZWlnbk9iamVjdEJhc2UgfSBmcm9tICcuL2YtZm9yZWlnbi1vYmplY3QnO1xuaW1wb3J0IHsgRk5vZGVJbnB1dEJhc2UsIEZOb2RlT3V0bGV0QmFzZSwgRk5vZGVPdXRwdXRCYXNlIH0gZnJvbSAnLi4vZi1jb25uZWN0b3JzJztcblxuZXhwb3J0IGNvbnN0IEZfTk9ERV9DT01QT05FTlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48Rk5vZGVCYXNlPignRl9OT0RFX0NPTVBPTkVOVCcpO1xuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRk5vZGVCYXNlIGltcGxlbWVudHMgSUhhc1N0YXRlQ2hhbmdlcywgSVNlbGVjdGFibGUsIElIYXNIb3N0RWxlbWVudCB7XG5cbiAgcHVibGljIGFic3RyYWN0IGlkOiBhbnk7XG5cbiAgcHVibGljIGFic3RyYWN0IGhhbmRsZXM6IFF1ZXJ5TGlzdDxGRHJhZ0hhbmRsZURpcmVjdGl2ZT47XG5cbiAgcHVibGljIGFic3RyYWN0IGZGb3JlaWduT2JqZWN0OiBGRm9yZWlnbk9iamVjdEJhc2U7XG5cbiAgcHVibGljIGFic3RyYWN0IGhvc3RFbGVtZW50OiBTVkdHRWxlbWVudDtcblxuICBwdWJsaWMgcmVhZG9ubHkgc3RhdGVDaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgYWJzdHJhY3QgcG9zaXRpb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxJUG9pbnQ+O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBwb3NpdGlvbjogSVBvaW50O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCByZWZyZXNoKCk6IHZvaWQ7XG5cbiAgcHVibGljIGlzQ29udGFpbnMoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdEVsZW1lbnQuY29udGFpbnMoZWxlbWVudCk7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCd0cmFuc2Zvcm0nLCAndHJhbnNsYXRlKCcgKyB0aGlzLnBvc2l0aW9uLnggKyAnLCcgKyB0aGlzLnBvc2l0aW9uLnkgKyAnKScpO1xuICB9XG5cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShGX1NFTEVDVEVEX0NMQVNTKTtcbiAgfVxuXG4gIHB1YmxpYyBzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5jbGFzc0xpc3QuYWRkKEZfU0VMRUNURURfQ0xBU1MpO1xuICB9XG5cbiAgcHVibGljIHVwZGF0ZVBvc2l0aW9uKHBvc2l0aW9uOiBJUG9pbnQpOiB2b2lkIHtcbiAgICB0aGlzLnBvc2l0aW9uID0gcG9zaXRpb247XG4gIH1cblxuICBwdWJsaWMgY29tcGxldGVEcmFnKCk6IHZvaWQge1xuICAgIHRoaXMucG9zaXRpb25DaGFuZ2UuZW1pdCh0aGlzLnBvc2l0aW9uKVxuICB9XG59XG4iXX0=