@foblex/flow 1.0.5 → 1.0.7

package/esm2022/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.5", ngImport: i0, type: FNodeOutputDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", 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.5", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLW91dHB1dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2Ytbm9kZS1vdXRwdXQvZi1ub2RlLW91dHB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFFaEYsSUFBSSxRQUFRLEdBQVcsQ0FBQyxDQUFDO0FBWXpCLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxlQUFlO0lBV3ZELElBQ29CLFFBQVE7UUFDMUIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFvQixRQUFRLENBQUMsVUFBd0M7UUFDbkUsTUFBTSxLQUFLLEdBQUcsaUJBQWlCLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzFELElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFJRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxZQUNVLGdCQUF5QztRQUVqRCxLQUFLLEVBQUUsQ0FBQztRQUZBLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUE1Qm5DLE9BQUUsR0FBUSxpQkFBa0IsUUFBUSxFQUFHLEVBQUUsQ0FBQztRQUcxQyxVQUFLLEdBQVcsT0FBTyxDQUFDO1FBR3hCLFNBQUksR0FBVyxFQUFFLENBQUM7UUFlMUIsZUFBVSxHQUFZLEtBQUssQ0FBQztJQVVwQyxDQUFDOzhHQWxDVSxvQkFBb0I7a0dBQXBCLG9CQUFvQixxVkFGcEIsQ0FBRSxFQUFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsQ0FBRTs7MkZBRTNFLG9CQUFvQjtrQkFWaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsSUFBSSxFQUFFO3dCQUNKLFdBQVcsRUFBRSxJQUFJO3dCQUNqQixLQUFLLEVBQUUsMkJBQTJCO3dCQUNsQyxnQ0FBZ0MsRUFBRSxVQUFVO3dCQUM1QyxpQ0FBaUMsRUFBRSxhQUFhO3FCQUNqRDtvQkFDRCxTQUFTLEVBQUUsQ0FBRSxFQUFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxXQUFXLHNCQUFzQixFQUFFLENBQUU7aUJBQ3ZGO2lHQUlpQixFQUFFO3NCQURqQixLQUFLO2dCQUlVLEtBQUs7c0JBRHBCLEtBQUs7dUJBQUMsa0JBQWtCO2dCQUlULElBQUk7c0JBRG5CLEtBQUs7Z0JBSWMsUUFBUTtzQkFEM0IsS0FBSzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuRXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGTm9kZU91dHB1dEJhc2UsIEZfTk9ERV9PVVRQVVRfRElSRUNUSVZFIH0gZnJvbSAnLi9mLW5vZGUtb3V0cHV0LWJhc2UnO1xuXG5sZXQgdW5pcXVlSWQ6IG51bWJlciA9IDA7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogXCJbZk5vZGVPdXRwdXRdXCIsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICBjbGFzczogXCJmLWNvbXBvbmVudCBmLW5vZGUtb3V0cHV0XCIsXG4gICAgJ1tjbGFzcy5mLW5vZGUtb3V0cHV0LWRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG4gICAgJ1tjbGFzcy5mLW5vZGUtb3V0cHV0LWNvbm5lY3RlZF0nOiAnaXNDb25uZWN0ZWQnXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfTk9ERV9PVVRQVVRfRElSRUNUSVZFLCB1c2VFeGlzdGluZzogRk5vZGVPdXRwdXREaXJlY3RpdmUgfSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGTm9kZU91dHB1dERpcmVjdGl2ZSBleHRlbmRzIEZOb2RlT3V0cHV0QmFzZSB7XG5cbiAgQElucHV0KClcbiAgcHVibGljIG92ZXJyaWRlIGlkOiBhbnkgPSBgZi1ub2RlLW91dHB1dC0keyB1bmlxdWVJZCsrIH1gO1xuXG4gIEBJbnB1dCgnZk5vZGVPdXRwdXRDb2xvcicpXG4gIHB1YmxpYyBvdmVycmlkZSBjb2xvcjogc3RyaW5nID0gJ2JsYWNrJztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgbmFtZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCdmTm9kZU91dHB1dERpc2FibGVkJylcbiAgcHVibGljIG92ZXJyaWRlIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pc0Rpc2FibGVkO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHNldCBkaXNhYmxlZChpc0Rpc2FibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgc3RyaW5nKSB7XG4gICAgY29uc3QgdmFsdWUgPSBCb29sZWFuRXh0ZW5zaW9ucy5jYXN0VG9Cb29sZWFuKGlzRGlzYWJsZWQpO1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICB0aGlzLmlzRGlzYWJsZWQgPSB2YWx1ZTtcbiAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PlxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG59XG4iXX0=

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2Ytbm9kZS1vdXRwdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxjQUFjLGtCQUFrQixDQUFDO0FBRWpDLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1vdXRwdXQtYmFzZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vaXMtbm9kZS1vdXRwdXQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1vdXRwdXQuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtbm9kZS1vdXRwdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2Ytbm9kZS1vdXRwdXQvaXMtbm9kZS1vdXRwdXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxVQUFVLFlBQVksQ0FBQyxPQUFpQztJQUM1RCxPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0FBQzVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZnVuY3Rpb24gaXNOb2RlT3V0cHV0KGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCk6IGJvb2xlYW4ge1xuICByZXR1cm4gISFlbGVtZW50LmNsb3Nlc3QoJ1tmTm9kZU91dHB1dF0nKTtcbn1cbiJdfQ==

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

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

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1vdXQtY29ubmVjdG9yLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2Ytb3V0LWNvbm5lY3Rvci1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxNQUFNLE9BQWdCLGlCQUFrQixTQUFRLGNBQWM7Q0FHN0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGQ29ubmVjdG9yQmFzZSB9IGZyb20gJy4vZi1jb25uZWN0b3ItYmFzZSc7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBGT3V0Q29ubmVjdG9yQmFzZSBleHRlbmRzIEZDb25uZWN0b3JCYXNlIHtcblxuICBwdWJsaWMgYWJzdHJhY3QgbmFtZTogc3RyaW5nO1xufVxuIl19

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWVsZW1lbnQtcmVjdC1pbi1jYW52YXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2dldC1lbGVtZW50LXJlY3QtaW4tY2FudmFzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBMEIsS0FBSyxFQUFFLGNBQWMsRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFN0YsTUFBTSxVQUFVLHNCQUFzQixDQUFDLE9BQWlDLEVBQUUsU0FBMEIsRUFBRSxPQUFzQjtJQUMxSCxNQUFNLElBQUksR0FBRyxjQUFjLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2pELE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNJLE1BQU0sSUFBSSxHQUFHLGNBQWMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BHLE9BQU8sY0FBYyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7QUFDcEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElSZWN0LCBJVHJhbnNmb3JtTW9kZWwsIFBvaW50LCBSZWN0RXh0ZW5zaW9ucywgU2l6ZUV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0RWxlbWVudFJlY3RJbkNhbnZhcyhlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQsIHRyYW5zZm9ybTogSVRyYW5zZm9ybU1vZGVsLCBzdmdIb3N0OiBTVkdTVkdFbGVtZW50KTogSVJlY3Qge1xuICBjb25zdCByZWN0ID0gUmVjdEV4dGVuc2lvbnMuZnJvbUVsZW1lbnQoZWxlbWVudCk7XG4gIGNvbnN0IHBvc2l0aW9uID0gUG9pbnQuZnJvbVBvaW50KHJlY3QpLm1hdHJpeFRyYW5zZm9ybShzdmdIb3N0KS5zdWIodHJhbnNmb3JtLnNjYWxlZFBvc2l0aW9uKS5zdWIodHJhbnNmb3JtLnBvc2l0aW9uKS5kaXYodHJhbnNmb3JtLnNjYWxlKTtcbiAgY29uc3Qgc2l6ZSA9IFNpemVFeHRlbnNpb25zLmluaXRpYWxpemUocmVjdC53aWR0aCAvIHRyYW5zZm9ybS5zY2FsZSwgcmVjdC5oZWlnaHQgLyB0cmFuc2Zvcm0uc2NhbGUpO1xuICByZXR1cm4gUmVjdEV4dGVuc2lvbnMuaW5pdGlhbGl6ZShwb3NpdGlvbi54LCBwb3NpdGlvbi55LCBzaXplLndpZHRoLCBzaXplLmhlaWdodCk7XG59XG4iXX0=

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1jb25uZWN0b3JzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9mLW5vZGUtb3V0bGV0JztcbmV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLW91dHB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdG9yLWJhc2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mLW91dC1jb25uZWN0b3ItYmFzZSc7XG5leHBvcnQgKiBmcm9tICcuL2dldC1lbGVtZW50LXJlY3QtaW4tY2FudmFzJztcbiJdfQ==

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWNvbm5lY3RvcnMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBRTFDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsY0FBYyw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLWlucHV0L3B1YmxpYy1hcGknO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZS1vdXRwdXQvcHVibGljLWFwaSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1ub2RlLW91dGxldC9wdWJsaWMtYXBpJztcbiJdfQ==

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

@@ -0,0 +1,49 @@
+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() {
+        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);
+            merge(this.fNodesContainer.stateChanges).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.5", 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.5", type: FFlowBase, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FFlowBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZmxvdy1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBdUMsU0FBUyxFQUFjLGNBQWMsRUFBZ0MsTUFBTSxlQUFlLENBQUM7QUFJekksT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLNUQsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxjQUFjLENBQVksa0JBQWtCLENBQUMsQ0FBQztBQUdsRixNQUFNLE9BQWdCLFNBQVM7SUFJN0IsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBc0JELFlBQ1UsZ0JBQTJDLEVBQzNDLGlCQUFvQyxFQUNwQyxNQUFjO1FBRmQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUEyQjtRQUMzQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLFdBQU0sR0FBTixNQUFNLENBQVE7UUF2QlAsY0FBUyxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO0lBeUJoRSxDQUFDO0lBRU0sa0JBQWtCO1FBQ3ZCLElBQUksQ0FBQyw0QkFBNEIsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFUyw0QkFBNEI7UUFDcEMsTUFBTSxPQUFPLEdBQUc7WUFDZCxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxPQUFPO1lBQ25DLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxZQUFZLENBQUMsT0FBTztZQUMvQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU87WUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPO1lBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTztTQUNwQixDQUFDO1FBRUYsS0FBSyxDQUFDLEdBQUcsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNoRixNQUFNLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxHQUFHLE9BQU8sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFFN0QsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBRTNHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQUU7b0JBQzdELFVBQVUsQ0FBQyxNQUFNLEdBQUc7d0JBQ2xCLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxVQUFVLENBQUMsUUFBUSxDQUFFO3dCQUMvRCxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssVUFBVSxDQUFDLE9BQU8sQ0FBRTtxQkFDN0QsQ0FBQztvQkFDRixVQUFVLENBQUMsVUFBVSxFQUFFLENBQUM7Z0JBQzFCLENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDOzhHQXBFbUIsU0FBUztrR0FBVCxTQUFTOzsyRkFBVCxTQUFTO2tCQUQ5QixTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5qZWN0aW9uVG9rZW4sIE5nWm9uZSwgT25EZXN0cm95LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCwgSVRyYW5zZm9ybU1vZGVsIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZJdGVtc0NvbnRhaW5lckJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEZOb2RlSW5wdXRCYXNlLCBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9ycyc7XG5pbXBvcnQgeyBtZXJnZSwgc3RhcnRXaXRoLCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEZCYWNrZ3JvdW5kQmFzZSB9IGZyb20gJy4uLy4uL2ludGVybmFsJztcbmltcG9ydCB7IEZDb25uZWN0aW9uc0NvbnRhaW5lckJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEZOb2Rlc0NvbnRhaW5lckJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcblxuZXhwb3J0IGNvbnN0IEZfRkxPV19DT01QT05FTlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48RkZsb3dCYXNlPignRl9GTE9XX0NPTVBPTkVOVCcpO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBGRmxvd0Jhc2UgaW1wbGVtZW50cyBJSGFzSG9zdEVsZW1lbnQsIEFmdGVyQ29udGVudEluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHVibGljIGFic3RyYWN0IGlkOiBhbnk7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdTVkdFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwcml2YXRlIHJlYWRvbmx5IG9uRGVzdHJveTogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cblxuICBwdWJsaWMgYWJzdHJhY3QgZk5vZGVzQ29udGFpbmVyOiBGTm9kZXNDb250YWluZXJCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBmQ29ubmVjdGlvbnNDb250YWluZXI6IEZDb25uZWN0aW9uc0NvbnRhaW5lckJhc2U7XG5cblxuICBwdWJsaWMgYWJzdHJhY3QgZkl0ZW1zQ29udGFpbmVyOiBGSXRlbXNDb250YWluZXJCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBmQmFja2dyb3VuZDogRkJhY2tncm91bmRCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCB0cmFuc2Zvcm06IElUcmFuc2Zvcm1Nb2RlbDtcblxuICBwdWJsaWMgYWJzdHJhY3Qgb3V0bGV0czogUXVlcnlMaXN0PEZOb2RlT3V0bGV0QmFzZT47XG5cbiAgcHVibGljIGFic3RyYWN0IG91dHB1dHM6IFF1ZXJ5TGlzdDxGTm9kZU91dHB1dEJhc2U+O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpbnB1dHM6IFF1ZXJ5TGlzdDxGTm9kZUlucHV0QmFzZT47XG5cbiAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdTVkdFbGVtZW50PixcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIG5nWm9uZTogTmdab25lXG4gICkge1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmliZU9uQ29tcG9uZW50c0NoYW5nZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBzdWJzY3JpYmVPbkNvbXBvbmVudHNDaGFuZ2VzKCk6IHZvaWQge1xuICAgIGNvbnN0IGNoYW5nZXMgPSBbXG4gICAgICB0aGlzLmZOb2Rlc0NvbnRhaW5lci5mTm9kZXMuY2hhbmdlcyxcbiAgICAgIHRoaXMuZkNvbm5lY3Rpb25zQ29udGFpbmVyLmZDb25uZWN0aW9ucy5jaGFuZ2VzLFxuICAgICAgdGhpcy5vdXRsZXRzLmNoYW5nZXMsXG4gICAgICB0aGlzLm91dHB1dHMuY2hhbmdlcyxcbiAgICAgIHRoaXMuaW5wdXRzLmNoYW5nZXNcbiAgICBdO1xuXG4gICAgbWVyZ2UoLi4uY2hhbmdlcykucGlwZShzdGFydFdpdGgobnVsbCksIHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBjb25zdCBjaGFuZ2VkT3JEZXN0cm95ZWQgPSBtZXJnZSguLi5jaGFuZ2VzLCB0aGlzLm9uRGVzdHJveSk7XG5cbiAgICAgIG1lcmdlKHRoaXMuZk5vZGVzQ29udGFpbmVyLnN0YXRlQ2hhbmdlcykucGlwZShzdGFydFdpdGgobnVsbCksIHRha2VVbnRpbChjaGFuZ2VkT3JEZXN0cm95ZWQpKS5zdWJzY3JpYmUoKCkgPT4ge1xuXG4gICAgICAgIHRoaXMuZkNvbm5lY3Rpb25zQ29udGFpbmVyLmZDb25uZWN0aW9ucy5mb3JFYWNoKChjb25uZWN0aW9uKSA9PiB7XG4gICAgICAgICAgY29ubmVjdGlvbi5mcm9tVG8gPSB7XG4gICAgICAgICAgICBvdXRwdXQ6IHRoaXMub3V0cHV0cy5maW5kKCh4KSA9PiB4LmlkID09PSBjb25uZWN0aW9uLm91dHB1dElkKSEsXG4gICAgICAgICAgICBpbnB1dDogdGhpcy5pbnB1dHMuZmluZCgoeCkgPT4geC5pZCA9PT0gY29ubmVjdGlvbi5pbnB1dElkKSFcbiAgICAgICAgICB9O1xuICAgICAgICAgIGNvbm5lY3Rpb24uaW5pdGlhbGl6ZSgpO1xuICAgICAgICB9KTtcbiAgICAgIH0pO1xuXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5vbkRlc3Ryb3kubmV4dCgpO1xuICAgIHRoaXMub25EZXN0cm95LmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,67 @@
+import { Component, ContentChild, ContentChildren, Input, ViewChild } from '@angular/core';
+import { FCanvasDirective } from '../../internal';
+import { F_ITEMS_CONTAINER } from '../../directives';
+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';
+import { F_CONNECTIONS_CONTAINER } from '../../directives';
+import { F_BACKGROUND } from '../../internal';
+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.5", 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.5", 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.5", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1mbG93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1mbG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQUUsWUFBWSxFQUN2QixlQUFlLEVBRWYsS0FBSyxFQUdMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQXVCLE1BQU0sa0JBQWtCLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU1RCxPQUFPLEVBQ0wsc0JBQXNCLEVBQUUsdUJBQXVCLEVBQy9DLHVCQUF1QixFQUl4QixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFBRSxpQkFBaUIsRUFBdUIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXhCLE1BQU0sa0JBQWtCLENBQUM7QUFDMUIsT0FBTyxFQUFFLFlBQVksRUFBbUIsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFFL0QsSUFBSSxRQUFRLEdBQVcsQ0FBQyxDQUFDO0FBRXpCLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLHlCQUF5QixDQUFDO0FBQ2pFLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLHVCQUF1QixDQUFDO0FBQzdELE1BQU0sQ0FBQyxNQUFNLGdDQUFnQyxHQUFHLGtDQUFrQyxDQUFDO0FBQ25GLE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFHLGdDQUFnQyxDQUFDO0FBZS9FLE1BQU0sT0FBTyxjQUFlLFNBQVEsU0FBUztJQStCM0MsSUFBb0IsU0FBUztRQUMzQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxZQUNFLGdCQUEyQyxFQUMzQyxpQkFBb0MsRUFDcEMsTUFBYztRQUVkLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLENBQUMsQ0FBQztRQXRDckMsNEJBQXVCLEdBQUcsdUJBQXVCLENBQUM7UUFDbEQsMEJBQXFCLEdBQUcscUJBQXFCLENBQUM7UUFDOUMscUNBQWdDLEdBQUcsZ0NBQWdDLENBQUM7UUFDcEUsbUNBQThCLEdBQUcsOEJBQThCLENBQUM7UUFHaEUsT0FBRSxHQUFXLFVBQVcsUUFBUSxFQUFHLEVBQUUsQ0FBQztJQWlDdEQsQ0FBQzs4R0F6Q1UsY0FBYztrR0FBZCxjQUFjLDRJQUZkLENBQUUsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxDQUFFLHVFQVkzRCxpQkFBaUIsc0dBR2pCLHVCQUF1QixrRkFHdkIsaUJBQWlCLDJFQU1kLHVCQUF1Qiw2REFHdkIsdUJBQXVCLDREQUd2QixzQkFBc0IsNkZBVDVCLFlBQVksMklDbkV6QixtckVBbUNBOzsyRkRhYSxjQUFjO2tCQWQxQixTQUFTOytCQUNFLFlBQVksa0JBRU47d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGdCQUFnQjt5QkFDNUI7cUJBQ0YsUUFDSzt3QkFDSixXQUFXLEVBQUUsSUFBSTt3QkFDakIsS0FBSyxFQUFFLG9CQUFvQjtxQkFDNUIsYUFDVSxDQUFFLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsZ0JBQWdCLEVBQUUsQ0FBRTtzSkFVekQsRUFBRTtzQkFEakIsS0FBSztnQkFJVSxlQUFlO3NCQUQ5QixZQUFZO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJakMscUJBQXFCO3NCQURwQyxZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFJNUMsZUFBZTtzQkFEOUIsWUFBWTt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSWpDLFdBQVc7c0JBRDFCLFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJekIsT0FBTztzQkFEdEIsZUFBZTt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSS9DLE9BQU87c0JBRHRCLGVBQWU7dUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUkvQyxNQUFNO3NCQURyQixlQUFlO3VCQUFDLHNCQUFzQixFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsIENvbnRlbnRDaGlsZCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgTmdab25lLFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZDYW52YXNEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9pbnRlcm5hbCc7XG5pbXBvcnQgeyBGX0lURU1TX0NPTlRBSU5FUiwgRkl0ZW1zQ29udGFpbmVyQmFzZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgRl9GTE9XX0NPTVBPTkVOVCwgRkZsb3dCYXNlIH0gZnJvbSAnLi9mLWZsb3ctYmFzZSc7XG5pbXBvcnQgeyBJVHJhbnNmb3JtTW9kZWwgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHtcbiAgRl9OT0RFX0lOUFVUX0RJUkVDVElWRSwgRl9OT0RFX09VVExFVF9ESVJFQ1RJVkUsXG4gIEZfTk9ERV9PVVRQVVRfRElSRUNUSVZFLFxuICBGTm9kZUlucHV0QmFzZSxcbiAgRk5vZGVPdXRsZXRCYXNlLFxuICBGTm9kZU91dHB1dEJhc2Vcbn0gZnJvbSAnLi4vZi1jb25uZWN0b3JzJztcbmltcG9ydCB7IEZfTk9ERVNfQ09OVEFJTkVSLCBGTm9kZXNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQge1xuICBGX0NPTk5FQ1RJT05TX0NPTlRBSU5FUixcbiAgRkNvbm5lY3Rpb25zQ29udGFpbmVyQmFzZVxufSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEZfQkFDS0dST1VORCwgRkJhY2tncm91bmRCYXNlIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWwnO1xuXG5sZXQgdW5pcXVlSWQ6IG51bWJlciA9IDA7XG5cbmV4cG9ydCBjb25zdCBDT05ORUNUSU9OX01BUktFUl9TVEFSVCA9IFwiY29ubmVjdGlvbi1tYXJrZXItc3RhcnRcIjtcbmV4cG9ydCBjb25zdCBDT05ORUNUSU9OX01BUktFUl9FTkQgPSBcImNvbm5lY3Rpb24tbWFya2VyLWVuZFwiO1xuZXhwb3J0IGNvbnN0IENPTk5FQ1RJT05fTUFSS0VSX1NUQVJUX1NFTEVDVEVEID0gXCJjb25uZWN0aW9uLW1hcmtlci1zdGFydC1zZWxlY3RlZFwiO1xuZXhwb3J0IGNvbnN0IENPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRCA9IFwiY29ubmVjdGlvbi1tYXJrZXItZW5kLXNlbGVjdGVkXCI7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdmdbZkZsb3ddJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2YtZmxvdy5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBGQ2FudmFzRGlyZWN0aXZlXG4gICAgfVxuICBdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gICAgY2xhc3M6IFwiZi1jb21wb25lbnQgZi1mbG93XCJcbiAgfSxcbiAgcHJvdmlkZXJzOiBbIHsgcHJvdmlkZTogRl9GTE9XX0NPTVBPTkVOVCwgdXNlRXhpc3Rpbmc6IEZGbG93Q29tcG9uZW50IH0gXSxcbn0pXG5leHBvcnQgY2xhc3MgRkZsb3dDb21wb25lbnQgZXh0ZW5kcyBGRmxvd0Jhc2Uge1xuXG4gIHB1YmxpYyByZWFkb25seSBDT05ORUNUSU9OX01BUktFUl9TVEFSVCA9IENPTk5FQ1RJT05fTUFSS0VSX1NUQVJUO1xuICBwdWJsaWMgcmVhZG9ubHkgQ09OTkVDVElPTl9NQVJLRVJfRU5EID0gQ09OTkVDVElPTl9NQVJLRVJfRU5EO1xuICBwdWJsaWMgcmVhZG9ubHkgQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURUQgPSBDT05ORUNUSU9OX01BUktFUl9TVEFSVF9TRUxFQ1RFRDtcbiAgcHVibGljIHJlYWRvbmx5IENPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRCA9IENPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgaWQ6IHN0cmluZyA9IGBmLWZsb3ctJHsgdW5pcXVlSWQrKyB9YDtcblxuICBAQ29udGVudENoaWxkKEZfTk9ERVNfQ09OVEFJTkVSLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZk5vZGVzQ29udGFpbmVyITogRk5vZGVzQ29udGFpbmVyQmFzZTtcblxuICBAQ29udGVudENoaWxkKEZfQ09OTkVDVElPTlNfQ09OVEFJTkVSLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBmQ29ubmVjdGlvbnNDb250YWluZXIhOiBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlO1xuXG4gIEBDb250ZW50Q2hpbGQoRl9JVEVNU19DT05UQUlORVIsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBmSXRlbXNDb250YWluZXIhOiBGSXRlbXNDb250YWluZXJCYXNlO1xuXG4gIEBWaWV3Q2hpbGQoRl9CQUNLR1JPVU5ELCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZkJhY2tncm91bmQhOiBGQmFja2dyb3VuZEJhc2U7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihGX05PREVfT1VUTEVUX0RJUkVDVElWRSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgb3V0bGV0cyE6IFF1ZXJ5TGlzdDxGTm9kZU91dGxldEJhc2U+O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oRl9OT0RFX09VVFBVVF9ESVJFQ1RJVkUsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgcHVibGljIG92ZXJyaWRlIG91dHB1dHMhOiBRdWVyeUxpc3Q8Rk5vZGVPdXRwdXRCYXNlPjtcblxuICBAQ29udGVudENoaWxkcmVuKEZfTk9ERV9JTlBVVF9ESVJFQ1RJVkUsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgcHVibGljIG92ZXJyaWRlIGlucHV0cyE6IFF1ZXJ5TGlzdDxGTm9kZUlucHV0QmFzZT47XG5cbiAgcHVibGljIG92ZXJyaWRlIGdldCB0cmFuc2Zvcm0oKTogSVRyYW5zZm9ybU1vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5mSXRlbXNDb250YWluZXIudHJhbnNmb3JtO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdTVkdFbGVtZW50PixcbiAgICBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgbmdab25lOiBOZ1pvbmVcbiAgKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZmVyZW5jZSwgY2hhbmdlRGV0ZWN0b3JSZWYsIG5nWm9uZSk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgeG1sbnM6c3ZnPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgPHN2ZzpnIGZCYWNrZ3JvdW5kPlxuICAgIDxyZWN0IHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiBmaWxsPVwidXJsKCNiYWNrZ3JvdW5kKVwiPjwvcmVjdD5cbiAgPC9zdmc6Zz5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8c3ZnOmRlZnM+XG4gICAgPHN2ZzptYXJrZXIgW2lkXT1cIkNPTk5FQ1RJT05fTUFSS0VSX1NUQVJUXCIgY2xhc3M9XCJjb25uZWN0aW9uLW1hcmtlci1zdGFydFwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIHJlZlk9XCI1XCIgcmVmWD1cIjVcIj5cbiAgICAgIDxzdmc6Y2lyY2xlIGN4PVwiNVwiIGN5PVwiNVwiIHI9XCIyXCI+PC9zdmc6Y2lyY2xlPlxuICAgIDwvc3ZnOm1hcmtlcj5cbiAgICA8c3ZnOm1hcmtlciBbaWRdPVwiQ09OTkVDVElPTl9NQVJLRVJfRU5EXCIgY2xhc3M9XCJjb25uZWN0aW9uLW1hcmtlci1lbmRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiBvcmllbnQ9XCJhdXRvXCIgcmVmWD1cIjVcIiByZWZZPVwiM1wiPlxuICAgICAgPHN2ZzpwYXRoIGQ9XCJNMCwwIEw2LDMgMCw2WlwiPjwvc3ZnOnBhdGg+XG4gICAgPC9zdmc6bWFya2VyPlxuICAgIDxzdmc6bWFya2VyIFtpZF09XCJDT05ORUNUSU9OX01BUktFUl9TVEFSVF9TRUxFQ1RFRFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItc3RhcnQgZi1zZWxlY3RlZFwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIHJlZlk9XCI1XCIgcmVmWD1cIjVcIj5cbiAgICAgIDxzdmc6Y2lyY2xlIGN4PVwiNVwiIGN5PVwiNVwiIHI9XCIyXCI+PC9zdmc6Y2lyY2xlPlxuICAgIDwvc3ZnOm1hcmtlcj5cbiAgICA8c3ZnOm1hcmtlciBbaWRdPVwiQ09OTkVDVElPTl9NQVJLRVJfRU5EX1NFTEVDVEVEXCIgY2xhc3M9XCJjb25uZWN0aW9uLW1hcmtlci1lbmQgZi1zZWxlY3RlZFwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIG9yaWVudD1cImF1dG9cIiByZWZYPVwiNVwiIHJlZlk9XCIzXCI+XG4gICAgICA8c3ZnOnBhdGggZD1cIk0wLDAgTDYsMyAwLDZaXCI+PC9zdmc6cGF0aD5cbiAgICA8L3N2ZzptYXJrZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZDb25uZWN0aW9uc0NvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29ubmVjdGlvbiBvZiBmQ29ubmVjdGlvbnNDb250YWluZXIuZkNvbm5lY3Rpb25zLnRvQXJyYXkoKVwiPlxuICAgICAgICA8c3ZnOm1hcmtlciBbaWRdPVwiJ2Nvbm5lY3Rpb24tbWFya2VyLXN0YXJ0LScgKyBjb25uZWN0aW9uLmZyb21Ubz8ub3V0cHV0Py5jb2xvclwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIHJlZlk9XCI1XCIgcmVmWD1cIjVcIj5cbiAgICAgICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMlwiIFthdHRyLnN0cm9rZV09XCInbm9uZSdcIiBbYXR0ci5maWxsXT1cImNvbm5lY3Rpb24uZnJvbVRvPy5vdXRwdXQ/LmNvbG9yXCI+PC9zdmc6Y2lyY2xlPlxuICAgICAgICA8L3N2ZzptYXJrZXI+XG4gICAgICAgIDxzdmc6bWFya2VyIFtpZF09XCInY29ubmVjdGlvbi1tYXJrZXItZW5kLScgKyBjb25uZWN0aW9uLmZyb21Ubz8uaW5wdXQ/LmNvbG9yXCIgbWFya2VySGVpZ2h0PVwiMTBcIiBtYXJrZXJXaWR0aD1cIjEwXCIgb3JpZW50PVwiYXV0b1wiIHJlZlg9XCI1XCIgcmVmWT1cIjNcIj5cbiAgICAgICAgICA8c3ZnOnBhdGggZD1cIk0wLDAgTDYsMyAwLDZaXCIgW2F0dHIuc3Ryb2tlXT1cIidub25lJ1wiIFthdHRyLmZpbGxdPVwiY29ubmVjdGlvbi5mcm9tVG8/LmlucHV0Py5jb2xvclwiPjwvc3ZnOnBhdGg+XG4gICAgICAgIDwvc3ZnOm1hcmtlcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPHN2ZzpwYXR0ZXJuIGlkPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwXCIgd2lkdGg9XCIxMFwiIGNsYXNzPVwiZmItYmFja2dyb3VuZC1wYXR0ZXJuXCJcbiAgICAgICAgICAgICAgICAgcGF0dGVyblVuaXRzPVwidXNlclNwYWNlT25Vc2VcIj5cbiAgICAgIDxzdmc6Y2lyY2xlIGN4PVwiNVwiIGN5PVwiNVwiIHI9XCIwLjVcIi8+XG4gICAgPC9zdmc6cGF0dGVybj5cbiAgPC9zdmc6ZGVmcz5cbjwvbmctY29udGFpbmVyPlxuIl19

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

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

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

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

package/esm2022/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.5", 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.5", 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.5", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1kcmFnLWhhbmRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1ub2RlL2YtZHJhZy1oYW5kbGUvZi1kcmFnLWhhbmRsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFBYyxNQUFNLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBYSxRQUFRLEVBQUUsUUFBUSxFQUNwRixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxpQkFBaUIsRUFBbUIsTUFBTSxjQUFjLENBQUM7QUFFbEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBRWxELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBeUMsSUFBSSxjQUFjLENBQXVCLGVBQWUsQ0FBQyxDQUFDO0FBVTdILE1BQU0sT0FBTyxvQkFBb0I7SUFNL0IsSUFDVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxRQUFRLENBQUMsVUFBd0M7UUFDMUQsTUFBTSxLQUFLLEdBQUcsaUJBQWlCLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzFELElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFJRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxZQUNVLGdCQUF5QyxFQUNDLFdBQWlCO1FBRDNELHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUF4Qm5DLGlCQUFZLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7UUFpQjFELGVBQVUsR0FBWSxLQUFLLENBQUM7UUFVbEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDakMsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDOzhHQWxDVSxvQkFBb0IsNENBMkJyQixnQkFBZ0I7a0dBM0JmLG9CQUFvQixzTkFGcEIsQ0FBRSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLENBQUU7OzJGQUVqRSxvQkFBb0I7a0JBUmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsMkJBQTJCO3dCQUNsQyxnQ0FBZ0MsRUFBRSxVQUFVO3FCQUM3QztvQkFDRCxTQUFTLEVBQUUsQ0FBRSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxzQkFBc0IsRUFBRSxDQUFFO2lCQUM3RTs7MEJBNEJJLE1BQU07MkJBQUMsZ0JBQWdCOzswQkFBRyxRQUFROzswQkFBSSxRQUFROzRDQXBCdEMsUUFBUTtzQkFEbEIsS0FBSzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5qZWN0aW9uVG9rZW4sIElucHV0LCBPbkRlc3Ryb3ksIE9wdGlvbmFsLCBTa2lwU2VsZlxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQm9vbGVhbkV4dGVuc2lvbnMsIElIYXNIb3N0RWxlbWVudCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBJSGFzU3RhdGVDaGFuZ2VzIH0gZnJvbSAnLi4vLi4vLi4vaS1oYXMtc3RhdGUtY2hhbmdlcyc7XG5pbXBvcnQgeyBGX05PREVfQ09NUE9ORU5UIH0gZnJvbSAnLi4vZi1ub2RlLWJhc2UnO1xuXG5leHBvcnQgY29uc3QgRl9EUkFHX0hBTkRMRTogSW5qZWN0aW9uVG9rZW48RkRyYWdIYW5kbGVEaXJlY3RpdmU+ID0gbmV3IEluamVjdGlvblRva2VuPEZEcmFnSGFuZGxlRGlyZWN0aXZlPignRl9EUkFHX0hBTkRMRScpO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiW2ZEcmFnSGFuZGxlXVwiLFxuICBob3N0OiB7XG4gICAgY2xhc3M6IFwiZi1kcmFnLWhhbmRsZSBmLWNvbXBvbmVudFwiLFxuICAgICdbY2xhc3MuZi1kcmFnLWhhbmRsZS1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnXG4gIH0sXG4gIHByb3ZpZGVyczogWyB7IHByb3ZpZGU6IEZfRFJBR19IQU5ETEUsIHVzZUV4aXN0aW5nOiBGRHJhZ0hhbmRsZURpcmVjdGl2ZSB9IF0sXG59KVxuZXhwb3J0IGNsYXNzIEZEcmFnSGFuZGxlRGlyZWN0aXZlIGltcGxlbWVudHMgSUhhc0hvc3RFbGVtZW50LCBJSGFzU3RhdGVDaGFuZ2VzLCBPbkRlc3Ryb3kge1xuXG4gIHB1YmxpYyByZWFkb25seSBzdGF0ZUNoYW5nZXM6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHB1YmxpYyBfcGFyZW50Tm9kZToge30gfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KCdmRHJhZ0hhbmRsZURpc2FibGVkJylcbiAgcHVibGljIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pc0Rpc2FibGVkO1xuICB9XG5cbiAgcHVibGljIHNldCBkaXNhYmxlZChpc0Rpc2FibGVkOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgc3RyaW5nKSB7XG4gICAgY29uc3QgdmFsdWUgPSBCb29sZWFuRXh0ZW5zaW9ucy5jYXN0VG9Cb29sZWFuKGlzRGlzYWJsZWQpO1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICB0aGlzLmlzRGlzYWJsZWQgPSB2YWx1ZTtcbiAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgZ2V0IGhvc3RFbGVtZW50KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIEBJbmplY3QoRl9OT0RFX0NPTVBPTkVOVCkgQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgX3BhcmVudE5vZGU/OiBhbnksXG4gICkge1xuICAgIHRoaXMuX3BhcmVudE5vZGUgPSBfcGFyZW50Tm9kZTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlQ2hhbmdlcy5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1ub2RlL2YtZHJhZy1oYW5kbGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLWRyYWctaGFuZGxlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2lzLWRyYWctaGFuZGxlJztcbiJdfQ==

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtZHJhZy1oYW5kbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1ub2RlL2YtZHJhZy1oYW5kbGUvaXMtZHJhZy1oYW5kbGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxVQUFVLGdCQUFnQixDQUFDLE9BQWlDO0lBQ2hFLE1BQU0sVUFBVSxHQUFHLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2pELE9BQU8sQ0FBQyxDQUFDLFVBQVUsSUFBSSxDQUFDLHlCQUF5QixDQUFDLE9BQU8sQ0FBQyxDQUFDO0FBQzdELENBQUM7QUFFRCxTQUFTLHlCQUF5QixDQUFDLE9BQWlDO0lBQ2xFLE1BQU0sVUFBVSxHQUFHLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ25ELE1BQU0sYUFBYSxHQUFJLE9BQU8sQ0FBQyxhQUE2QixDQUFDO0lBQzdELE1BQU0sVUFBVSxHQUFHLG9CQUFvQixDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3ZELElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxDQUFDLFVBQVUsRUFBRTtRQUMvQixPQUFPLHlCQUF5QixDQUFDLGFBQWEsQ0FBQyxDQUFDO0tBQ2pEO0lBQ0QsT0FBTyxVQUFVLENBQUM7QUFDcEIsQ0FBQztBQUVELFNBQVMsb0JBQW9CLENBQUMsT0FBaUM7SUFDN0QsT0FBTyxPQUFPLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBZ0IsQ0FBQztBQUN6RCxDQUFDO0FBRUQsU0FBUyxzQkFBc0IsQ0FBQyxPQUFpQztJQUMvRCxPQUFPLE9BQU8sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLHdCQUF3QixDQUFDLENBQUM7QUFDOUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBmdW5jdGlvbiBpc05vZGVEcmFnSGFuZGxlKGVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudCk6IGJvb2xlYW4ge1xuICBjb25zdCBkcmFnSGFuZGxlID0gZ2V0Q2xvc2VzdERyYWdIYW5kbGUoZWxlbWVudCk7XG4gIHJldHVybiAhIWRyYWdIYW5kbGUgJiYgIWlzRWxlbWVudE9yUGFyZW50RXhjbHVkZWQoZWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIGlzRWxlbWVudE9yUGFyZW50RXhjbHVkZWQoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gIGNvbnN0IGlzQ29udGFpbnMgPSBpc0VsZW1lbnRDb250YWluc0NsYXNzKGVsZW1lbnQpO1xuICBjb25zdCBwYXJlbnRFbGVtZW50ID0gKGVsZW1lbnQucGFyZW50RWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gIGNvbnN0IGRyYWdIYW5kbGUgPSBnZXRDbG9zZXN0RHJhZ0hhbmRsZShwYXJlbnRFbGVtZW50KTtcbiAgaWYgKCFpc0NvbnRhaW5zICYmICEhZHJhZ0hhbmRsZSkge1xuICAgIHJldHVybiBpc0VsZW1lbnRPclBhcmVudEV4Y2x1ZGVkKHBhcmVudEVsZW1lbnQpO1xuICB9XG4gIHJldHVybiBpc0NvbnRhaW5zO1xufVxuXG5mdW5jdGlvbiBnZXRDbG9zZXN0RHJhZ0hhbmRsZShlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpOiBIVE1MRWxlbWVudCB7XG4gIHJldHVybiBlbGVtZW50LmNsb3Nlc3QoJ1tmRHJhZ0hhbmRsZV0nKSBhcyBIVE1MRWxlbWVudDtcbn1cblxuZnVuY3Rpb24gaXNFbGVtZW50Q29udGFpbnNDbGFzcyhlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpOiBib29sZWFuIHtcbiAgcmV0dXJuIGVsZW1lbnQuY2xhc3NMaXN0LmNvbnRhaW5zKCdmLWRyYWctaGFuZGxlLWRpc2FibGVkJyk7XG59XG4iXX0=

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

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

package/esm2022/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.5", ngImport: i0, type: FForeignObjectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.5", type: FForeignObjectBase, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FForeignObjectBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mb3JlaWduLW9iamVjdC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2Ytbm9kZS9mLWZvcmVpZ24tb2JqZWN0L2YtZm9yZWlnbi1vYmplY3QtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ1UsU0FBUyxFQUFFLGNBQWMsRUFDekMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0RSxPQUFPLEVBQUUsZUFBZSxFQUFvQyxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBR2pHLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLElBQUksY0FBYyxDQUFxQiw0QkFBNEIsQ0FBQyxDQUFDO0FBRy9HLE1BQU0sT0FBZ0Isa0JBQWtCO0lBWXRDLFlBQ0UsV0FBaUI7UUFYWCxtQkFBYyxHQUFpQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBTW5ELGlCQUFZLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7UUFPdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDakMsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQ3JCLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUNoQyxDQUFDO0lBQ0osQ0FBQztJQUVPLHdCQUF3QjtRQUM5QixPQUFPLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBeUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsWUFBWSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUM1SCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLE1BQU07UUFDWCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQXlCLENBQUM7UUFDM0QsSUFBSSxPQUFPLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtZQUM5QyxNQUFNLElBQUksR0FBRyxjQUFjLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2pELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxHQUFJLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBTSxFQUFFLENBQUMsQ0FBQztZQUNsRSxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsR0FBSSxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQU0sRUFBRSxDQUFDLENBQUM7U0FDckU7SUFDSCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDcEMsQ0FBQzs4R0E1Q21CLGtCQUFrQjtrR0FBbEIsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQUR2QyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBJbmplY3Rpb25Ub2tlbiwgT25EZXN0cm95XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBzdGFydFdpdGgsIFN1YmplY3QsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRlJlc2l6ZU9ic2VydmVyLCBJSGFzSG9zdEVsZW1lbnQsIElUcmFuc2Zvcm1Nb2RlbCwgUmVjdEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgSUhhc1N0YXRlQ2hhbmdlcyB9IGZyb20gJy4uLy4uLy4uL2ktaGFzLXN0YXRlLWNoYW5nZXMnO1xuXG5leHBvcnQgY29uc3QgRl9GT1JFSUdOX09CSkVDVF9DT01QT05FTlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48RkZvcmVpZ25PYmplY3RCYXNlPignRl9GT1JFSUdOX09CSkVDVF9DT01QT05FTlQnKTtcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRkZvcmVpZ25PYmplY3RCYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgSUhhc1N0YXRlQ2hhbmdlcywgSUhhc0hvc3RFbGVtZW50LCBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9ucyQ6IFN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICBwdWJsaWMgX3BhcmVudE5vZGU6IHt9IHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBob3N0RWxlbWVudDogU1ZHRm9yZWlnbk9iamVjdEVsZW1lbnQ7XG5cbiAgcHVibGljIHN0YXRlQ2hhbmdlczogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgcHVibGljIGFic3RyYWN0IHRyYW5zZm9ybTogSVRyYW5zZm9ybU1vZGVsO1xuXG4gIHByb3RlY3RlZCBjb25zdHJ1Y3RvcihcbiAgICBfcGFyZW50Tm9kZT86IGFueSxcbiAgKSB7XG4gICAgdGhpcy5fcGFyZW50Tm9kZSA9IF9wYXJlbnROb2RlO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMkLmFkZChcbiAgICAgIHRoaXMuc3Vic2NyaWJlT25SZXNpemVDaGFuZ2VzKClcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBzdWJzY3JpYmVPblJlc2l6ZUNoYW5nZXMoKTogU3Vic2NyaXB0aW9uIHtcbiAgICByZXR1cm4gbmV3IEZSZXNpemVPYnNlcnZlcih0aGlzLmhvc3RFbGVtZW50LmZpcnN0Q2hpbGQgYXMgSFRNTEVsZW1lbnQpLnBpcGUoc3RhcnRXaXRoKG51bGwpLCBkZWJvdW5jZVRpbWUoMTApKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5yZWRyYXcoKTtcbiAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyByZWRyYXcoKTogdm9pZCB7XG4gICAgY29uc3QgZWxlbWVudCA9IHRoaXMuaG9zdEVsZW1lbnQuZmlyc3RDaGlsZCBhcyBIVE1MRWxlbWVudDtcbiAgICBpZiAoZWxlbWVudCAmJiAhIWVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KSB7XG4gICAgICBjb25zdCByZWN0ID0gUmVjdEV4dGVuc2lvbnMuZnJvbUVsZW1lbnQoZWxlbWVudCk7XG4gICAgICBjb25zdCBzY2FsZSA9IHRoaXMudHJhbnNmb3JtLnNjYWxlO1xuICAgICAgdGhpcy5ob3N0RWxlbWVudC5zZXRBdHRyaWJ1dGUoXCJ3aWR0aFwiLCBgJHsgcmVjdC53aWR0aCAvIHNjYWxlIH1gKTtcbiAgICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKFwiaGVpZ2h0XCIsIGAkeyByZWN0LmhlaWdodCAvIHNjYWxlIH1gKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZUNoYW5nZXMuY29tcGxldGUoKTtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMkLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/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.5", 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.5", 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.5", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mb3JlaWduLW9iamVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1ub2RlL2YtZm9yZWlnbi1vYmplY3QvZi1mb3JlaWduLW9iamVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1ub2RlL2YtZm9yZWlnbi1vYmplY3QvZi1mb3JlaWduLW9iamVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFBYyxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQ3pELE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxrQkFBa0IsRUFBRSwwQkFBMEIsRUFDL0MsTUFBTSx5QkFBeUIsQ0FBQztBQUdqQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxVQUFVLENBQUM7OztBQWdCNUMsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGtCQUFrQjtJQVE3RCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFDVSxnQkFBcUQsRUFDckQsSUFBb0IsRUFDc0IsV0FBaUI7UUFFbkUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBSlgscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFxQztRQUNyRCxTQUFJLEdBQUosSUFBSSxDQUFnQjtRQWZ2QixpQkFBWSxHQUFXLEdBQUcsQ0FBQztRQUczQixrQkFBYSxHQUFXLEdBQUcsQ0FBQztRQWdCakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLG1CQUFtQixDQUFDO0lBQ3ZELENBQUM7OEdBdkJVLHVCQUF1QiwwRUFtQnhCLGdCQUFnQjtrR0FuQmYsdUJBQXVCLGlUQUp2QjtZQUNULEVBQUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLFdBQVcsRUFBRSx1QkFBdUIsRUFBRTtTQUM5RSwyRUN2QkgseUdBR0E7OzJGRHNCYSx1QkFBdUI7a0JBZG5DLFNBQVM7K0JBQ0UsK0JBQStCLFlBQy9CLFlBQVksbUJBRUwsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixLQUFLLEVBQUUsOEJBQThCO3dCQUNyQyxjQUFjLEVBQUUsY0FBYzt3QkFDOUIsZUFBZSxFQUFFLGVBQWU7cUJBQ2pDLGFBQ1U7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsV0FBVyx5QkFBeUIsRUFBRTtxQkFDOUU7OzBCQXFCRSxNQUFNOzJCQUFDLGdCQUFnQjs7MEJBQUcsUUFBUTs7MEJBQUksUUFBUTs0Q0FoQjFDLFlBQVk7c0JBRGxCLEtBQUs7dUJBQUMsZUFBZTtnQkFJZixhQUFhO3NCQURuQixLQUFLO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBTa2lwU2VsZlxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtcbiAgRkZvcmVpZ25PYmplY3RCYXNlLCBGX0ZPUkVJR05fT0JKRUNUX0NPTVBPTkVOVFxufSBmcm9tICcuL2YtZm9yZWlnbi1vYmplY3QtYmFzZSc7XG5pbXBvcnQgeyBGRmxvd0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2YtZmxvdyc7XG5pbXBvcnQgeyBJVHJhbnNmb3JtTW9kZWwgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRl9OT0RFX0NPTVBPTkVOVCB9IGZyb20gJy4uL2luZGV4JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImZvcmVpZ25PYmplY3RbZkZvcmVpZ25PYmplY3RdXCIsXG4gIGV4cG9ydEFzOiBcImZDb21wb25lbnRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9mLWZvcmVpZ24tb2JqZWN0LmNvbXBvbmVudC5odG1sXCIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgY2xhc3M6IFwiZi1mb3JlaWduLW9iamVjdCBmLWNvbXBvbmVudFwiLFxuICAgICdbYXR0ci53aWR0aF0nOiAnZGVmYXVsdFdpZHRoJyxcbiAgICAnW2F0dHIuaGVpZ2h0XSc6ICdkZWZhdWx0SGVpZ2h0J1xuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEZfRk9SRUlHTl9PQkpFQ1RfQ09NUE9ORU5ULCB1c2VFeGlzdGluZzogRkZvcmVpZ25PYmplY3RDb21wb25lbnQgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEZGb3JlaWduT2JqZWN0Q29tcG9uZW50IGV4dGVuZHMgRkZvcmVpZ25PYmplY3RCYXNlIHtcblxuICBASW5wdXQoJ2ZEZWZhdWx0V2lkdGgnKVxuICBwdWJsaWMgZGVmYXVsdFdpZHRoOiBudW1iZXIgPSAxMDA7XG5cbiAgQElucHV0KCdmRGVmYXVsdEhlaWdodCcpXG4gIHB1YmxpYyBkZWZhdWx0SGVpZ2h0OiBudW1iZXIgPSAxMDA7XG5cbiAgcHVibGljIGdldCBob3N0RWxlbWVudCgpOiBTVkdGb3JlaWduT2JqZWN0RWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHVibGljIGdldCB0cmFuc2Zvcm0oKTogSVRyYW5zZm9ybU1vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5mbG93LnRyYW5zZm9ybTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdGb3JlaWduT2JqZWN0RWxlbWVudD4sXG4gICAgcHJpdmF0ZSBmbG93OiBGRmxvd0NvbXBvbmVudCxcbiAgICBASW5qZWN0KEZfTk9ERV9DT01QT05FTlQpIEBPcHRpb25hbCgpIEBTa2lwU2VsZigpIF9wYXJlbnROb2RlPzogYW55LFxuICApIHtcbiAgICBzdXBlcihfcGFyZW50Tm9kZSk7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5zdHlsZS5jc3NUZXh0ID0gJ292ZXJmbG93OnZpc2libGU7JztcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciB4bWxuczpzdmc9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1ub2RlL2YtZm9yZWlnbi1vYmplY3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLWZvcmVpZ24tb2JqZWN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2YtZm9yZWlnbi1vYmplY3QtYmFzZSc7XG4iXX0=

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

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

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

@@ -0,0 +1,33 @@
+import { InjectionToken } from '@angular/core';
+import { Subject } from 'rxjs';
+import { PointExtensions } from '@foblex/core';
+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();
+        this._position = PointExtensions.initialize();
+    }
+    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);
+    }
+    isSelected() {
+        return this.hostElement.classList.contains(F_SELECTED_CLASS);
+    }
+    updatePosition(position) {
+        this._position = position;
+    }
+    completeDrag() {
+        this.positionChange.emit(this.position);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1ub2RlLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1ub2RlL2Ytbm9kZS1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsY0FBYyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUEyQixlQUFlLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFeEUsT0FBTyxFQUFFLGdCQUFnQixFQUFlLE1BQU0sb0JBQW9CLENBQUM7QUFLbkUsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxjQUFjLENBQVksa0JBQWtCLENBQUMsQ0FBQztBQUVsRixNQUFNLE9BQWdCLFNBQVM7SUFBL0I7UUFVa0IsaUJBQVksR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQU14RCxjQUFTLEdBQVcsZUFBZSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBK0I3RCxDQUFDO0lBM0JRLFVBQVUsQ0FBQyxPQUFpQztRQUNqRCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUM7SUFDM0csQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFTSxVQUFVO1FBQ2YsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRU0sY0FBYyxDQUFDLFFBQWdCO1FBQ3BDLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUN6QyxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIsIEluamVjdGlvblRva2VuLCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCwgSVBvaW50LCBQb2ludEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgSUhhc1N0YXRlQ2hhbmdlcyB9IGZyb20gJy4uLy4uL2ktaGFzLXN0YXRlLWNoYW5nZXMnO1xuaW1wb3J0IHsgRl9TRUxFQ1RFRF9DTEFTUywgSVNlbGVjdGFibGUgfSBmcm9tICcuLi8uLi9pLXNlbGVjdGFibGUnO1xuaW1wb3J0IHsgRkRyYWdIYW5kbGVEaXJlY3RpdmUgfSBmcm9tICcuL2YtZHJhZy1oYW5kbGUnO1xuaW1wb3J0IHsgRkZvcmVpZ25PYmplY3RCYXNlIH0gZnJvbSAnLi9mLWZvcmVpZ24tb2JqZWN0JztcbmltcG9ydCB7IEZOb2RlSW5wdXRCYXNlLCBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9ycyc7XG5cbmV4cG9ydCBjb25zdCBGX05PREVfQ09NUE9ORU5UID0gbmV3IEluamVjdGlvblRva2VuPEZOb2RlQmFzZT4oJ0ZfTk9ERV9DT01QT05FTlQnKTtcblxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEZOb2RlQmFzZSBpbXBsZW1lbnRzIElIYXNTdGF0ZUNoYW5nZXMsIElTZWxlY3RhYmxlLCBJSGFzSG9zdEVsZW1lbnQge1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpZDogYW55O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBoYW5kbGVzOiBRdWVyeUxpc3Q8RkRyYWdIYW5kbGVEaXJlY3RpdmU+O1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBmRm9yZWlnbk9iamVjdDogRkZvcmVpZ25PYmplY3RCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBob3N0RWxlbWVudDogU1ZHR0VsZW1lbnQ7XG5cbiAgcHVibGljIHJlYWRvbmx5IHN0YXRlQ2hhbmdlczogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgcHVibGljIGFic3RyYWN0IHBvc2l0aW9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8SVBvaW50PjtcblxuICBwdWJsaWMgYWJzdHJhY3QgcG9zaXRpb246IElQb2ludDtcblxuICBwcm90ZWN0ZWQgX3Bvc2l0aW9uOiBJUG9pbnQgPSBQb2ludEV4dGVuc2lvbnMuaW5pdGlhbGl6ZSgpO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCByZWZyZXNoKCk6IHZvaWQ7XG5cbiAgcHVibGljIGlzQ29udGFpbnMoZWxlbWVudDogSFRNTEVsZW1lbnQgfCBTVkdFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdEVsZW1lbnQuY29udGFpbnMoZWxlbWVudCk7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKCd0cmFuc2Zvcm0nLCAndHJhbnNsYXRlKCcgKyB0aGlzLnBvc2l0aW9uLnggKyAnLCcgKyB0aGlzLnBvc2l0aW9uLnkgKyAnKScpO1xuICB9XG5cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMuaG9zdEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShGX1NFTEVDVEVEX0NMQVNTKTtcbiAgfVxuXG4gIHB1YmxpYyBzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy5ob3N0RWxlbWVudC5jbGFzc0xpc3QuYWRkKEZfU0VMRUNURURfQ0xBU1MpO1xuICB9XG5cbiAgcHVibGljIGlzU2VsZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaG9zdEVsZW1lbnQuY2xhc3NMaXN0LmNvbnRhaW5zKEZfU0VMRUNURURfQ0xBU1MpO1xuICB9XG5cbiAgcHVibGljIHVwZGF0ZVBvc2l0aW9uKHBvc2l0aW9uOiBJUG9pbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9wb3NpdGlvbiA9IHBvc2l0aW9uO1xuICB9XG5cbiAgcHVibGljIGNvbXBsZXRlRHJhZygpOiB2b2lkIHtcbiAgICB0aGlzLnBvc2l0aW9uQ2hhbmdlLmVtaXQodGhpcy5wb3NpdGlvbilcbiAgfVxufVxuIl19