@foblex/flow 1.2.0 → 1.2.1

package/components/f-flow/f-flow-base.d.ts

@@ -1,6 +1,6 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy } from '@angular/core';
-import { IHasHostElement, ITransformModel } from '@foblex/core';
-import { FItemsContainerBase } from '../../directives';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy } from '@angular/core';
+import { IHasHostElement, IPoint, ITransformModel } from '@foblex/core';
+import { FItemsContainerBase, FZoomBase } from '../../directives';
 import { FNodeInputBase, FNodeOutletBase, FNodeOutputBase } from '../f-connectors';
 import { Subject } from 'rxjs';
 import { FBackgroundBase } from '../../internal';
@@ -17,6 +17,7 @@ export declare abstract class FFlowBase implements IHasHostElement, AfterContent
     private readonly onDestroy;
     abstract fNodesContainer: FNodesContainerBase;
     abstract fConnectionsContainer: FConnectionsContainerBase;
+    abstract fZoom: FZoomBase | undefined;
     abstract fItemsContainer: FItemsContainerBase;
     abstract fBackground: FBackgroundBase;
     abstract transform: ITransformModel;
@@ -24,9 +25,15 @@ export declare abstract class FFlowBase implements IHasHostElement, AfterContent
     abstract outputs: FNodeOutputBase[];
     abstract inputs: FNodeInputBase[];
     connectorChanges: Subject<void>;
+    abstract onInitialized: EventEmitter<void>;
     protected constructor(elementReference: ElementRef<SVGSVGElement>, changeDetectorRef: ChangeDetectorRef, ngZone: NgZone);
+    ngAfterViewInit(): void;
     ngAfterContentInit(): void;
     protected subscribeOnComponentsChanges(): void;
+    fitToScreen(toCenter?: IPoint, animated?: boolean): void;
+    oneToOne(): void;
+    zoomIn(): void;
+    zoomOut(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FFlowBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FFlowBase, never, never, {}, {}, never, never, false, never>;

package/components/f-flow/f-flow.component.d.ts

@@ -1,5 +1,5 @@
-import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import { FItemsContainerBase } from '../../directives';
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
+import { FItemsContainerBase, FZoomBase } from '../../directives';
 import { FFlowBase } from './f-flow-base';
 import { ITransformModel } from '@foblex/core';
 import { FNodesContainerBase } from '../../directives';
@@ -23,13 +23,15 @@ export declare class FFlowComponent extends FFlowBase implements IFlowConnectorP
     fConnectionsContainer: FConnectionsContainerBase;
     fItemsContainer: FItemsContainerBase;
     fBackground: FBackgroundBase;
+    fZoom: FZoomBase | undefined;
     outlets: FNodeOutletBase[];
     outputs: FNodeOutputBase[];
     inputs: FNodeInputBase[];
     get transform(): ITransformModel;
+    onInitialized: EventEmitter<void>;
     constructor(elementReference: ElementRef<SVGSVGElement>, changeDetectorRef: ChangeDetectorRef, ngZone: NgZone);
     addConnector(connector: FConnectorBase): void;
     removeConnector(connector: FConnectorBase): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FFlowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "svg[fFlow]", never, { "id": { "alias": "id"; "required": false; }; }, {}, ["fNodesContainer", "fConnectionsContainer", "fItemsContainer"], ["*"], false, [{ directive: typeof i1.FCanvasDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "svg[fFlow]", never, { "id": { "alias": "id"; "required": false; }; }, { "onInitialized": "onInitialized"; }, ["fNodesContainer", "fConnectionsContainer", "fItemsContainer", "fZoom"], ["*"], false, [{ directive: typeof i1.FCanvasDirective; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,5 +1,6 @@
 import { Directive, InjectionToken } from '@angular/core';
-import { merge, startWith, Subject, takeUntil } from 'rxjs';
+import { Point, PointExtensions, RectExtensions } from '@foblex/core';
+import { debounceTime, merge, startWith, Subject, take, takeUntil } from 'rxjs';
 import * as i0 from "@angular/core";
 export const F_FLOW_COMPONENT = new InjectionToken('F_FLOW_COMPONENT');
 export class FFlowBase {
@@ -13,6 +14,11 @@ export class FFlowBase {
         this.onDestroy = new Subject();
         this.connectorChanges = new Subject();
     }
+    ngAfterViewInit() {
+        this.fNodesContainer.stateChanges.pipe(debounceTime(1), take(1)).subscribe(() => {
+            this.onInitialized.emit();
+        });
+    }
     ngAfterContentInit() {
         this.subscribeOnComponentsChanges();
     }
@@ -39,6 +45,27 @@ export class FFlowBase {
             });
         });
     }
+    fitToScreen(toCenter = PointExtensions.initialize(), animated = true) {
+        const rect = RectExtensions.addPointToSize(RectExtensions.fromElement(this.fNodesContainer.hostElement), Point.fromPoint(toCenter).mult(2));
+        this.fItemsContainer.fitToParent(rect, RectExtensions.fromElement(this.hostElement), this.fNodesContainer.fNodes.map((x) => {
+            return Point.fromPoint(x.position).sub(toCenter);
+        }));
+        animated ? this.fItemsContainer.redrawWithAnimation() : this.fItemsContainer.redraw();
+        this.fItemsContainer.completeDrag();
+    }
+    oneToOne() {
+        this.fItemsContainer.oneToOneCentering(RectExtensions.fromElement(this.fNodesContainer.hostElement), RectExtensions.fromElement(this.hostElement), this.fNodesContainer.fNodes.map((x) => {
+            return Point.fromPoint(x.position).sub(new Point(0, 0));
+        }));
+        this.fItemsContainer.redrawWithAnimation();
+        this.fItemsContainer.completeDrag();
+    }
+    zoomIn() {
+        this.fZoom?.onZoomToCenter(-100);
+    }
+    zoomOut() {
+        this.fZoom?.onZoomToCenter(100);
+    }
     ngOnDestroy() {
         this.onDestroy.next();
         this.onDestroy.complete();
@@ -49,4 +76,4 @@ export class FFlowBase {
 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZmxvdy1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBRVQsY0FBYyxFQUlmLE1BQU0sZUFBZSxDQUFDO0FBSXZCLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBSzVELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLElBQUksY0FBYyxDQUFZLGtCQUFrQixDQUFDLENBQUM7QUFHbEYsTUFBTSxPQUFnQixTQUFTO0lBSTdCLElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQXdCRCxZQUNZLGdCQUEyQyxFQUMzQyxpQkFBb0MsRUFDcEMsTUFBYztRQUZkLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBMkI7UUFDM0Msc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNwQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBekJULGNBQVMsR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQW9CekQscUJBQWdCLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7SUFPN0QsQ0FBQztJQUVNLGtCQUFrQjtRQUN2QixJQUFJLENBQUMsNEJBQTRCLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRVMsNEJBQTRCO1FBQ3BDLE1BQU0sT0FBTyxHQUFHO1lBQ2QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsT0FBTztZQUNuQyxJQUFJLENBQUMscUJBQXFCLENBQUMsWUFBWSxDQUFDLE9BQU87WUFDL0MsSUFBSSxDQUFDLGdCQUFnQjtTQUN0QixDQUFDO1FBRUYsS0FBSyxDQUFDLEdBQUcsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNoRixNQUFNLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxHQUFHLE9BQU8sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFFN0QsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBRTNHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQUU7b0JBQzdELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztvQkFDdEUsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO29CQUNuRSxJQUFJLEtBQUssSUFBSSxNQUFNLEVBQUU7d0JBQ25CLFVBQVUsQ0FBQyxNQUFNLEdBQUc7NEJBQ2xCLE1BQU07NEJBQ04sS0FBSzt5QkFDTixDQUFDO3dCQUNGLFVBQVUsQ0FBQyxVQUFVLEVBQUUsQ0FBQztxQkFDekI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUdNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7OEdBeEVtQixTQUFTO2tHQUFULFNBQVM7OzJGQUFULFNBQVM7a0JBRDlCLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBJbmplY3Rpb25Ub2tlbixcbiAgTmdab25lLFxuICBPbkRlc3Ryb3ksXG4gIFF1ZXJ5TGlzdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElIYXNIb3N0RWxlbWVudCwgSVRyYW5zZm9ybU1vZGVsIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IEZJdGVtc0NvbnRhaW5lckJhc2UgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEZDb25uZWN0b3JCYXNlLCBGTm9kZUlucHV0QmFzZSwgRk5vZGVPdXRsZXRCYXNlLCBGTm9kZU91dHB1dEJhc2UgfSBmcm9tICcuLi9mLWNvbm5lY3RvcnMnO1xuaW1wb3J0IHsgbWVyZ2UsIHN0YXJ0V2l0aCwgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGQmFja2dyb3VuZEJhc2UgfSBmcm9tICcuLi8uLi9pbnRlcm5hbCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGTm9kZXNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5cbmV4cG9ydCBjb25zdCBGX0ZMT1dfQ09NUE9ORU5UID0gbmV3IEluamVjdGlvblRva2VuPEZGbG93QmFzZT4oJ0ZfRkxPV19DT01QT05FTlQnKTtcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRkZsb3dCYXNlIGltcGxlbWVudHMgSUhhc0hvc3RFbGVtZW50LCBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3kge1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpZDogYW55O1xuXG4gIHB1YmxpYyBnZXQgaG9zdEVsZW1lbnQoKTogU1ZHU1ZHRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBvbkRlc3Ryb3k6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG5cbiAgcHVibGljIGFic3RyYWN0IGZOb2Rlc0NvbnRhaW5lcjogRk5vZGVzQ29udGFpbmVyQmFzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgZkNvbm5lY3Rpb25zQ29udGFpbmVyOiBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlO1xuXG5cbiAgcHVibGljIGFic3RyYWN0IGZJdGVtc0NvbnRhaW5lcjogRkl0ZW1zQ29udGFpbmVyQmFzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgZkJhY2tncm91bmQ6IEZCYWNrZ3JvdW5kQmFzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgdHJhbnNmb3JtOiBJVHJhbnNmb3JtTW9kZWw7XG5cbiAgcHVibGljIGFic3RyYWN0IG91dGxldHM6IEZOb2RlT3V0bGV0QmFzZVtdO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBvdXRwdXRzOiBGTm9kZU91dHB1dEJhc2VbXTtcblxuICBwdWJsaWMgYWJzdHJhY3QgaW5wdXRzOiBGTm9kZUlucHV0QmFzZVtdO1xuXG4gIHB1YmxpYyBjb25uZWN0b3JDaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwcm90ZWN0ZWQgY29uc3RydWN0b3IoXG4gICAgICBwcml2YXRlIGVsZW1lbnRSZWZlcmVuY2U6IEVsZW1lbnRSZWY8U1ZHU1ZHRWxlbWVudD4sXG4gICAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgIHByaXZhdGUgbmdab25lOiBOZ1pvbmVcbiAgKSB7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaWJlT25Db21wb25lbnRzQ2hhbmdlcygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHN1YnNjcmliZU9uQ29tcG9uZW50c0NoYW5nZXMoKTogdm9pZCB7XG4gICAgY29uc3QgY2hhbmdlcyA9IFtcbiAgICAgIHRoaXMuZk5vZGVzQ29udGFpbmVyLmZOb2Rlcy5jaGFuZ2VzLFxuICAgICAgdGhpcy5mQ29ubmVjdGlvbnNDb250YWluZXIuZkNvbm5lY3Rpb25zLmNoYW5nZXMsXG4gICAgICB0aGlzLmNvbm5lY3RvckNoYW5nZXNcbiAgICBdO1xuXG4gICAgbWVyZ2UoLi4uY2hhbmdlcykucGlwZShzdGFydFdpdGgobnVsbCksIHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBjb25zdCBjaGFuZ2VkT3JEZXN0cm95ZWQgPSBtZXJnZSguLi5jaGFuZ2VzLCB0aGlzLm9uRGVzdHJveSk7XG5cbiAgICAgIG1lcmdlKHRoaXMuZk5vZGVzQ29udGFpbmVyLnN0YXRlQ2hhbmdlcykucGlwZShzdGFydFdpdGgobnVsbCksIHRha2VVbnRpbChjaGFuZ2VkT3JEZXN0cm95ZWQpKS5zdWJzY3JpYmUoKCkgPT4ge1xuXG4gICAgICAgIHRoaXMuZkNvbm5lY3Rpb25zQ29udGFpbmVyLmZDb25uZWN0aW9ucy5mb3JFYWNoKChjb25uZWN0aW9uKSA9PiB7XG4gICAgICAgICAgY29uc3Qgb3V0cHV0ID0gdGhpcy5vdXRwdXRzLmZpbmQoKHgpID0+IHguaWQgPT09IGNvbm5lY3Rpb24ub3V0cHV0SWQpO1xuICAgICAgICAgIGNvbnN0IGlucHV0ID0gdGhpcy5pbnB1dHMuZmluZCgoeCkgPT4geC5pZCA9PT0gY29ubmVjdGlvbi5pbnB1dElkKTtcbiAgICAgICAgICBpZiAoaW5wdXQgJiYgb3V0cHV0KSB7XG4gICAgICAgICAgICBjb25uZWN0aW9uLmZyb21UbyA9IHtcbiAgICAgICAgICAgICAgb3V0cHV0LFxuICAgICAgICAgICAgICBpbnB1dFxuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGNvbm5lY3Rpb24uaW5pdGlhbGl6ZSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMub25EZXN0cm95Lm5leHQoKTtcbiAgICB0aGlzLm9uRGVzdHJveS5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2NvbXBvbmVudHMvZi1mbG93L2YtZmxvdy1iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBRVQsY0FBYyxFQUlmLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBNEMsS0FBSyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFHaEgsT0FBTyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUtoRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLGNBQWMsQ0FBWSxrQkFBa0IsQ0FBQyxDQUFDO0FBR2xGLE1BQU0sT0FBZ0IsU0FBUztJQUk3QixJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO0lBQzdDLENBQUM7SUE0QkQsWUFDWSxnQkFBMkMsRUFDM0MsaUJBQW9DLEVBQ3BDLE1BQWM7UUFGZCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQTJCO1FBQzNDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFDcEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQTdCVCxjQUFTLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7UUFzQnpELHFCQUFnQixHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO0lBUzdELENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUM5RSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUks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V0FBVyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLEVBQzVELGNBQWMsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUM1QyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNwQyxPQUFPLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUN6RCxDQUFDLENBQUMsQ0FDTCxDQUFDO1FBQ0YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVNLE1BQU07UUFDWCxJQUFJLENBQUMsS0FBSyxFQUFFLGNBQWMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxDQUFDLEtBQUssRUFBRSxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7OEdBckhtQixTQUFTO2tHQUFULFNBQVM7OzJGQUFULFNBQVM7a0JBRDlCLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsXG4gIEluamVjdGlvblRva2VuLFxuICBOZ1pvbmUsXG4gIE9uRGVzdHJveSxcbiAgUXVlcnlMaXN0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUhhc0hvc3RFbGVtZW50LCBJUG9pbnQsIElUcmFuc2Zvcm1Nb2RlbCwgUG9pbnQsIFBvaW50RXh0ZW5zaW9ucywgUmVjdEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgRkl0ZW1zQ29udGFpbmVyQmFzZSwgRlpvb21CYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGQ29ubmVjdG9yQmFzZSwgRk5vZGVJbnB1dEJhc2UsIEZOb2RlT3V0bGV0QmFzZSwgRk5vZGVPdXRwdXRCYXNlIH0gZnJvbSAnLi4vZi1jb25uZWN0b3JzJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgbWVyZ2UsIHN0YXJ0V2l0aCwgU3ViamVjdCwgdGFrZSwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGQmFja2dyb3VuZEJhc2UgfSBmcm9tICcuLi8uLi9pbnRlcm5hbCc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGTm9kZXNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5cbmV4cG9ydCBjb25zdCBGX0ZMT1dfQ09NUE9ORU5UID0gbmV3IEluamVjdGlvblRva2VuPEZGbG93QmFzZT4oJ0ZfRkxPV19DT01QT05FTlQnKTtcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRkZsb3dCYXNlIGltcGxlbWVudHMgSUhhc0hvc3RFbGVtZW50LCBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3kge1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBpZDogYW55O1xuXG4gIHB1YmxpYyBnZXQgaG9zdEVsZW1lbnQoKTogU1ZHU1ZHRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZmVyZW5jZS5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBvbkRlc3Ryb3k6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG5cbiAgcHVibGljIGFic3RyYWN0IGZOb2Rlc0NvbnRhaW5lcjogRk5vZGVzQ29udGFpbmVyQmFzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgZkNvbm5lY3Rpb25zQ29udGFpbmVyOiBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBmWm9vbTogRlpvb21CYXNlIHwgdW5kZWZpbmVkO1xuXG5cbiAgcHVibGljIGFic3RyYWN0IGZJdGVtc0NvbnRhaW5lcjogRkl0ZW1zQ29udGFpbmVyQmFzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgZkJhY2tncm91bmQ6IEZCYWNrZ3JvdW5kQmFzZTtcblxuICBwdWJsaWMgYWJzdHJhY3QgdHJhbnNmb3JtOiBJVHJhbnNmb3JtTW9kZWw7XG5cbiAgcHVibGljIGFic3RyYWN0IG91dGxldHM6IEZOb2RlT3V0bGV0QmFzZVtdO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBvdXRwdXRzOiBGTm9kZU91dHB1dEJhc2VbXTtcblxuICBwdWJsaWMgYWJzdHJhY3QgaW5wdXRzOiBGTm9kZUlucHV0QmFzZVtdO1xuXG4gIHB1YmxpYyBjb25uZWN0b3JDaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgYWJzdHJhY3Qgb25Jbml0aWFsaXplZDogRXZlbnRFbWl0dGVyPHZvaWQ+O1xuXG4gIHByb3RlY3RlZCBjb25zdHJ1Y3RvcihcbiAgICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdTVkdFbGVtZW50PixcbiAgICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZVxuICApIHtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5mTm9kZXNDb250YWluZXIuc3RhdGVDaGFuZ2VzLnBpcGUoZGVib3VuY2VUaW1lKDEpLCB0YWtlKDEpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5vbkluaXRpYWxpemVkLmVtaXQoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpYmVPbkNvbXBvbmVudHNDaGFuZ2VzKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc3Vic2NyaWJlT25Db21wb25lbnRzQ2hhbmdlcygpOiB2b2lkIHtcbiAgICBjb25zdCBjaGFuZ2VzID0gW1xuICAgICAgdGhpcy5mTm9kZXNDb250YWluZXIuZk5vZGVzLmNoYW5nZXMsXG4gICAgICB0aGlzLmZDb25uZWN0aW9uc0NvbnRhaW5lci5mQ29ubmVjdGlvbnMuY2hhbmdlcyxcbiAgICAgIHRoaXMuY29ubmVjdG9yQ2hhbmdlc1xuICAgIF07XG5cbiAgICBtZXJnZSguLi5jaGFuZ2VzKS5waXBlKHN0YXJ0V2l0aChudWxsKSwgdGFrZVVudGlsKHRoaXMub25EZXN0cm95KSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIGNvbnN0IGNoYW5nZWRPckRlc3Ryb3llZCA9IG1lcmdlKC4uLmNoYW5nZXMsIHRoaXMub25EZXN0cm95KTtcblxuICAgICAgbWVyZ2UodGhpcy5mTm9kZXNDb250YWluZXIuc3RhdGVDaGFuZ2VzKS5waXBlKHN0YXJ0V2l0aChudWxsKSwgdGFrZVVudGlsKGNoYW5nZWRPckRlc3Ryb3llZCkpLnN1YnNjcmliZSgoKSA9PiB7XG5cbiAgICAgICAgdGhpcy5mQ29ubmVjdGlvbnNDb250YWluZXIuZkNvbm5lY3Rpb25zLmZvckVhY2goKGNvbm5lY3Rpb24pID0+IHtcbiAgICAgICAgICBjb25zdCBvdXRwdXQgPSB0aGlzLm91dHB1dHMuZmluZCgoeCkgPT4geC5pZCA9PT0gY29ubmVjdGlvbi5vdXRwdXRJZCk7XG4gICAgICAgICAgY29uc3QgaW5wdXQgPSB0aGlzLmlucHV0cy5maW5kKCh4KSA9PiB4LmlkID09PSBjb25uZWN0aW9uLmlucHV0SWQpO1xuICAgICAgICAgIGlmIChpbnB1dCAmJiBvdXRwdXQpIHtcbiAgICAgICAgICAgIGNvbm5lY3Rpb24uZnJvbVRvID0ge1xuICAgICAgICAgICAgICBvdXRwdXQsXG4gICAgICAgICAgICAgIGlucHV0XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgY29ubmVjdGlvbi5pbml0aWFsaXplKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIGZpdFRvU2NyZWVuKHRvQ2VudGVyOiBJUG9pbnQgPSBQb2ludEV4dGVuc2lvbnMuaW5pdGlhbGl6ZSgpLCBhbmltYXRlZDogYm9vbGVhbiA9IHRydWUpOiB2b2lkIHtcbiAgICBjb25zdCByZWN0ID0gUmVjdEV4dGVuc2lvbnMuYWRkUG9pbnRUb1NpemUoXG4gICAgICAgIFJlY3RFeHRlbnNpb25zLmZyb21FbGVtZW50KHRoaXMuZk5vZGVzQ29udGFpbmVyLmhvc3RFbGVtZW50KSxcbiAgICAgICAgUG9pbnQuZnJvbVBvaW50KHRvQ2VudGVyKS5tdWx0KDIpXG4gICAgKTtcbiAgICB0aGlzLmZJdGVtc0NvbnRhaW5lci5maXRUb1BhcmVudChcbiAgICAgICAgcmVjdCxcbiAgICAgICAgUmVjdEV4dGVuc2lvbnMuZnJvbUVsZW1lbnQodGhpcy5ob3N0RWxlbWVudCksXG4gICAgICAgIHRoaXMuZk5vZGVzQ29udGFpbmVyLmZOb2Rlcy5tYXAoKHgpID0+IHtcbiAgICAgICAgICByZXR1cm4gUG9pbnQuZnJvbVBvaW50KHgucG9zaXRpb24pLnN1Yih0b0NlbnRlcilcbiAgICAgICAgfSlcbiAgICApO1xuICAgIGFuaW1hdGVkID8gdGhpcy5mSXRlbXNDb250YWluZXIucmVkcmF3V2l0aEFuaW1hdGlvbigpIDogdGhpcy5mSXRlbXNDb250YWluZXIucmVkcmF3KCk7XG4gICAgdGhpcy5mSXRlbXNDb250YWluZXIuY29tcGxldGVEcmFnKCk7XG4gIH1cblxuICBwdWJsaWMgb25lVG9PbmUoKTogdm9pZCB7XG4gICAgdGhpcy5mSXRlbXNDb250YWluZXIub25lVG9PbmVDZW50ZXJpbmcoXG4gICAgICAgIFJlY3RFeHRlbnNpb25zLmZyb21FbGVtZW50KHRoaXMuZk5vZGVzQ29udGFpbmVyLmhvc3RFbGVtZW50KSxcbiAgICAgICAgUmVjdEV4dGVuc2lvbnMuZnJvbUVsZW1lbnQodGhpcy5ob3N0RWxlbWVudCksXG4gICAgICAgIHRoaXMuZk5vZGVzQ29udGFpbmVyLmZOb2Rlcy5tYXAoKHgpID0+IHtcbiAgICAgICAgICByZXR1cm4gUG9pbnQuZnJvbVBvaW50KHgucG9zaXRpb24pLnN1YihuZXcgUG9pbnQoMCwgMCkpXG4gICAgICAgIH0pXG4gICAgKTtcbiAgICB0aGlzLmZJdGVtc0NvbnRhaW5lci5yZWRyYXdXaXRoQW5pbWF0aW9uKCk7XG4gICAgdGhpcy5mSXRlbXNDb250YWluZXIuY29tcGxldGVEcmFnKCk7XG4gIH1cblxuICBwdWJsaWMgem9vbUluKCk6IHZvaWQge1xuICAgIHRoaXMuZlpvb20/Lm9uWm9vbVRvQ2VudGVyKC0xMDApO1xuICB9XG5cbiAgcHVibGljIHpvb21PdXQoKTogdm9pZCB7XG4gICAgdGhpcy5mWm9vbT8ub25ab29tVG9DZW50ZXIoMTAwKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm9uRGVzdHJveS5uZXh0KCk7XG4gICAgdGhpcy5vbkRlc3Ryb3kuY29tcGxldGUoKTtcbiAgfVxufVxuIl19

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

@@ -1,6 +1,6 @@
-import { Component, ContentChild, Input, ViewChild } from '@angular/core';
+import { Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { FCanvasDirective } from '../../internal';
-import { F_ITEMS_CONTAINER } from '../../directives';
+import { F_ITEMS_CONTAINER, F_ZOOM } from '../../directives';
 import { F_FLOW_COMPONENT, FFlowBase } from './f-flow-base';
 import { F_NODES_CONTAINER } from '../../directives';
 import { F_CONNECTIONS_CONTAINER } from '../../directives';
@@ -30,6 +30,7 @@ export class FFlowComponent extends FFlowBase {
         this.outlets = [];
         this.outputs = [];
         this.inputs = [];
+        this.onInitialized = new EventEmitter();
     }
     addConnector(connector) {
         if (connector instanceof FNodeOutletBase) {
@@ -56,10 +57,10 @@ export class FFlowComponent extends FFlowBase {
         this.connectorChanges.next();
     }
     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: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FFlowComponent, selector: "svg[fFlow]", inputs: { id: "id" }, outputs: { onInitialized: "onInitialized" }, host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-flow" }, providers: [
             { provide: F_FLOW_COMPONENT, useExisting: FFlowComponent },
             { provide: F_FLOW_CONNECTOR_PARENT, 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 }], 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]" }] }); }
+        ], 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: "fZoom", first: true, predicate: F_ZOOM, descendants: true, static: 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,
@@ -88,5 +89,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             }], fBackground: [{
                 type: ViewChild,
                 args: [F_BACKGROUND, { static: true }]
+            }], fZoom: [{
+                type: ContentChild,
+                args: [F_ZOOM, { static: true }]
+            }], onInitialized: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1mbG93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1mbG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQUUsWUFBWSxFQUV2QixLQUFLLEVBRUwsU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBdUIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVELE9BQU8sRUFBRSxpQkFBaUIsRUFBdUIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXhCLE1BQU0sa0JBQWtCLENBQUM7QUFDMUIsT0FBTyxFQUFFLFlBQVksRUFBbUIsTUFBTSxnQkFBZ0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQXdCLE1BQU0sMkJBQTJCLENBQUM7QUFDMUYsT0FBTyxFQUFrQixjQUFjLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQUVuRyxJQUFJLFFBQVEsR0FBVyxDQUFDLENBQUM7QUFFekIsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcseUJBQXlCLENBQUM7QUFDakUsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsdUJBQXVCLENBQUM7QUFDN0QsTUFBTSxDQUFDLE1BQU0sZ0NBQWdDLEdBQUcsa0NBQWtDLENBQUM7QUFDbkYsTUFBTSxDQUFDLE1BQU0sOEJB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QUFZO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJakMscUJBQXFCO3NCQURwQyxZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFJNUMsZUFBZTtzQkFEOUIsWUFBWTt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSWpDLFdBQVc7c0JBRDFCLFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRkNhbnZhc0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2ludGVybmFsJztcbmltcG9ydCB7IEZfSVRFTVNfQ09OVEFJTkVSLCBGSXRlbXNDb250YWluZXJCYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGX0ZMT1dfQ09NUE9ORU5ULCBGRmxvd0Jhc2UgfSBmcm9tICcuL2YtZmxvdy1iYXNlJztcbmltcG9ydCB7IElUcmFuc2Zvcm1Nb2RlbCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX05PREVTX0NPTlRBSU5FUiwgRk5vZGVzQ29udGFpbmVyQmFzZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHtcbiAgRl9DT05ORUNUSU9OU19DT05UQUlORVIsXG4gIEZDb25uZWN0aW9uc0NvbnRhaW5lckJhc2Vcbn0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGX0JBQ0tHUk9VTkQsIEZCYWNrZ3JvdW5kQmFzZSB9IGZyb20gJy4uLy4uL2ludGVybmFsJztcbmltcG9ydCB7IEZfRkxPV19DT05ORUNUT1JfUEFSRU5ULCBJRmxvd0Nvbm5lY3RvclBhcmVudCB9IGZyb20gJy4vaS1mbG93LWNvbm5lY3Rvci1wYXJlbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3RvckJhc2UsIEZOb2RlSW5wdXRCYXNlLCBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9ycyc7XG5cbmxldCB1bmlxdWVJZDogbnVtYmVyID0gMDtcblxuZXhwb3J0IGNvbnN0IENPTk5FQ1RJT05fTUFSS0VSX1NUQVJUID0gXCJjb25uZWN0aW9uLW1hcmtlci1zdGFydFwiO1xuZXhwb3J0IGNvbnN0IENPTk5FQ1RJT05fTUFSS0VSX0VORCA9IFwiY29ubmVjdGlvbi1tYXJrZXItZW5kXCI7XG5leHBvcnQgY29uc3QgQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURUQgPSBcImNvbm5lY3Rpb24tbWFya2VyLXN0YXJ0LXNlbGVjdGVkXCI7XG5leHBvcnQgY29uc3QgQ09OTkVDVElPTl9NQVJLRVJfRU5EX1NFTEVDVEVEID0gXCJjb25uZWN0aW9uLW1hcmtlci1lbmQtc2VsZWN0ZWRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ZnW2ZGbG93XScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mLWZsb3cuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRkNhbnZhc0RpcmVjdGl2ZVxuICAgIH1cbiAgXSxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgIGNsYXNzOiBcImYtY29tcG9uZW50IGYtZmxvd1wiXG4gIH0sXG4gIHByb3ZpZGVyczogW1xuICAgICAgeyBwcm92aWRlOiBGX0ZMT1dfQ09NUE9ORU5ULCB1c2VFeGlzdGluZzogRkZsb3dDb21wb25lbnQgfSxcbiAgICAgIHsgcHJvdmlkZTogRl9GTE9XX0NPTk5FQ1RPUl9QQVJFTlQsIHVzZUV4aXN0aW5nOiBGRmxvd0NvbXBvbmVudCB9XG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZGbG93Q29tcG9uZW50IGV4dGVuZHMgRkZsb3dCYXNlIGltcGxlbWVudHMgSUZsb3dDb25uZWN0b3JQYXJlbnQge1xuXG4gIHB1YmxpYyByZWFkb25seSBDT05ORUNUSU9OX01BUktFUl9TVEFSVCA9IENPTk5FQ1RJT05fTUFSS0VSX1NUQVJUO1xuICBwdWJsaWMgcmVhZG9ubHkgQ09OTkVDVElPTl9NQVJLRVJfRU5EID0gQ09OTkVDVElPTl9NQVJLRVJfRU5EO1xuICBwdWJsaWMgcmVhZG9ubHkgQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURUQgPSBDT05ORUNUSU9OX01BUktFUl9TVEFSVF9TRUxFQ1RFRDtcbiAgcHVibGljIHJlYWRvbmx5IENPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRCA9IENPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgaWQ6IHN0cmluZyA9IGBmLWZsb3ctJHsgdW5pcXVlSWQrKyB9YDtcblxuICBAQ29udGVudENoaWxkKEZfTk9ERVNfQ09OVEFJTkVSLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZk5vZGVzQ29udGFpbmVyITogRk5vZGVzQ29udGFpbmVyQmFzZTtcblxuICBAQ29udGVudENoaWxkKEZfQ09OTkVDVElPTlNfQ09OVEFJTkVSLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBmQ29ubmVjdGlvbnNDb250YWluZXIhOiBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlO1xuXG4gIEBDb250ZW50Q2hpbGQoRl9JVEVNU19DT05UQUlORVIsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBmSXRlbXNDb250YWluZXIhOiBGSXRlbXNDb250YWluZXJCYXNlO1xuXG4gIEBWaWV3Q2hpbGQoRl9CQUNLR1JPVU5ELCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZkJhY2tncm91bmQhOiBGQmFja2dyb3VuZEJhc2U7XG5cbiAgcHVibGljIG92ZXJyaWRlIG91dGxldHM6IEZOb2RlT3V0bGV0QmFzZVtdID0gW107XG5cbiAgcHVibGljIG92ZXJyaWRlIG91dHB1dHM6IEZOb2RlT3V0cHV0QmFzZVtdID0gW11cblxuICBwdWJsaWMgb3ZlcnJpZGUgaW5wdXRzOiBGTm9kZUlucHV0QmFzZVtdID0gW107XG5cbiAgcHVibGljIG92ZXJyaWRlIGdldCB0cmFuc2Zvcm0oKTogSVRyYW5zZm9ybU1vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5mSXRlbXNDb250YWluZXIudHJhbnNmb3JtO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgICBlbGVtZW50UmVmZXJlbmNlOiBFbGVtZW50UmVmPFNWR1NWR0VsZW1lbnQ+LFxuICAgICAgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgbmdab25lOiBOZ1pvbmVcbiAgKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZmVyZW5jZSwgY2hhbmdlRGV0ZWN0b3JSZWYsIG5nWm9uZSk7XG4gIH1cblxuICBwdWJsaWMgYWRkQ29ubmVjdG9yKGNvbm5lY3RvcjogRkNvbm5lY3RvckJhc2UpIHtcbiAgICBpZiAoY29ubmVjdG9yIGluc3RhbmNlb2YgRk5vZGVPdXRsZXRCYXNlKSB7XG4gICAgICB0aGlzLm91dGxldHMucHVzaChjb25uZWN0b3IpO1xuICAgIH0gZWxzZSBpZiAoY29ubmVjdG9yIGluc3RhbmNlb2YgRk5vZGVJbnB1dEJhc2UpIHtcbiAgICAgIHRoaXMuaW5wdXRzLnB1c2goY29ubmVjdG9yKTtcbiAgICB9IGVsc2UgaWYgKGNvbm5lY3RvciBpbnN0YW5jZW9mIEZOb2RlT3V0cHV0QmFzZSkge1xuICAgICAgdGhpcy5vdXRwdXRzLnB1c2goY29ubmVjdG9yKTtcbiAgICB9XG4gICAgdGhpcy5jb25uZWN0b3JDaGFuZ2VzLm5leHQoKTtcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVDb25uZWN0b3IoY29ubmVjdG9yOiBGQ29ubmVjdG9yQmFzZSkge1xuICAgIGlmIChjb25uZWN0b3IgaW5zdGFuY2VvZiBGTm9kZU91dGxldEJhc2UpIHtcbiAgICAgIHRoaXMub3V0bGV0cyA9IHRoaXMub3V0bGV0cy5maWx0ZXIoeCA9PiB4ICE9PSBjb25uZWN0b3IpO1xuICAgIH0gZWxzZSBpZiAoY29ubmVjdG9yIGluc3RhbmNlb2YgRk5vZGVJbnB1dEJhc2UpIHtcbiAgICAgIHRoaXMuaW5wdXRzID0gdGhpcy5pbnB1dHMuZmlsdGVyKHggPT4geCAhPT0gY29ubmVjdG9yKTtcbiAgICB9IGVsc2UgaWYgKGNvbm5lY3RvciBpbnN0YW5jZW9mIEZOb2RlT3V0cHV0QmFzZSkge1xuICAgICAgdGhpcy5vdXRwdXRzID0gdGhpcy5vdXRwdXRzLmZpbHRlcih4ID0+IHggIT09IGNvbm5lY3Rvcik7XG4gICAgfVxuICAgIHRoaXMuY29ubmVjdG9yQ2hhbmdlcy5uZXh0KCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgeG1sbnM6c3ZnPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgPHN2ZzpnIGZCYWNrZ3JvdW5kPlxuICAgIDxyZWN0IHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiBmaWxsPVwidXJsKCNiYWNrZ3JvdW5kKVwiPjwvcmVjdD5cbiAgPC9zdmc6Zz5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8c3ZnOmRlZnM+XG4gICAgPHN2ZzptYXJrZXIgW2lkXT1cIkNPTk5FQ1RJT05fTUFSS0VSX1NUQVJUXCIgY2xhc3M9XCJjb25uZWN0aW9uLW1hcmtlci1zdGFydFwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIHJlZlk9XCI1XCIgcmVmWD1cIjVcIj5cbiAgICAgIDxzdmc6Y2lyY2xlIGN4PVwiNVwiIGN5PVwiNVwiIHI9XCIyXCI+PC9zdmc6Y2lyY2xlPlxuICAgIDwvc3ZnOm1hcmtlcj5cbiAgICA8c3ZnOm1hcmtlciBbaWRdPVwiQ09OTkVDVElPTl9NQVJLRVJfRU5EXCIgY2xhc3M9XCJjb25uZWN0aW9uLW1hcmtlci1lbmRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiBvcmllbnQ9XCJhdXRvXCIgcmVmWD1cIjVcIiByZWZZPVwiM1wiPlxuICAgICAgPHN2ZzpwYXRoIGQ9XCJNMCwwIEw2LDMgMCw2WlwiPjwvc3ZnOnBhdGg+XG4gICAgPC9zdmc6bWFya2VyPlxuICAgIDxzdmc6bWFya2VyIFtpZF09XCJDT05ORUNUSU9OX01BUktFUl9TVEFSVF9TRUxFQ1RFRFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItc3RhcnQgZi1zZWxlY3RlZFwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIHJlZlk9XCI1XCIgcmVmWD1cIjVcIj5cbiAgICAgIDxzdmc6Y2lyY2xlIGN4PVwiNVwiIGN5PVwiNVwiIHI9XCIyXCI+PC9zdmc6Y2lyY2xlPlxuICAgIDwvc3ZnOm1hcmtlcj5cbiAgICA8c3ZnOm1hcmtlciBbaWRdPVwiQ09OTkVDVElPTl9NQVJLRVJfRU5EX1NFTEVDVEVEXCIgY2xhc3M9XCJjb25uZWN0aW9uLW1hcmtlci1lbmQgZi1zZWxlY3RlZFwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIG9yaWVudD1cImF1dG9cIiByZWZYPVwiNVwiIHJlZlk9XCIzXCI+XG4gICAgICA8c3ZnOnBhdGggZD1cIk0wLDAgTDYsMyAwLDZaXCI+PC9zdmc6cGF0aD5cbiAgICA8L3N2ZzptYXJrZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZDb25uZWN0aW9uc0NvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29ubmVjdGlvbiBvZiBmQ29ubmVjdGlvbnNDb250YWluZXIuZkNvbm5lY3Rpb25zLnRvQXJyYXkoKVwiPlxuICAgICAgICA8c3ZnOm1hcmtlciBbaWRdPVwiJ2Nvbm5lY3Rpb24tbWFya2VyLXN0YXJ0LScgKyBjb25uZWN0aW9uLmZyb21Ubz8ub3V0cHV0Py5jb2xvclwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIHJlZlk9XCI1XCIgcmVmWD1cIjVcIj5cbiAgICAgICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMlwiIFthdHRyLnN0cm9rZV09XCInbm9uZSdcIiBbYXR0ci5maWxsXT1cImNvbm5lY3Rpb24uZnJvbVRvPy5vdXRwdXQ/LmNvbG9yXCI+PC9zdmc6Y2lyY2xlPlxuICAgICAgICA8L3N2ZzptYXJrZXI+XG4gICAgICAgIDxzdmc6bWFya2VyIFtpZF09XCInY29ubmVjdGlvbi1tYXJrZXItZW5kLScgKyBjb25uZWN0aW9uLmZyb21Ubz8uaW5wdXQ/LmNvbG9yXCIgbWFya2VySGVpZ2h0PVwiMTBcIiBtYXJrZXJXaWR0aD1cIjEwXCIgb3JpZW50PVwiYXV0b1wiIHJlZlg9XCI1XCIgcmVmWT1cIjNcIj5cbiAgICAgICAgICA8c3ZnOnBhdGggZD1cIk0wLDAgTDYsMyAwLDZaXCIgW2F0dHIuc3Ryb2tlXT1cIidub25lJ1wiIFthdHRyLmZpbGxdPVwiY29ubmVjdGlvbi5mcm9tVG8/LmlucHV0Py5jb2xvclwiPjwvc3ZnOnBhdGg+XG4gICAgICAgIDwvc3ZnOm1hcmtlcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPHN2ZzpwYXR0ZXJuIGlkPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwXCIgd2lkdGg9XCIxMFwiIGNsYXNzPVwiZmItYmFja2dyb3VuZC1wYXR0ZXJuXCJcbiAgICAgICAgICAgICAgICAgcGF0dGVyblVuaXRzPVwidXNlclNwYWNlT25Vc2VcIj5cbiAgICAgIDxzdmc6Y2lyY2xlIGN4PVwiNVwiIGN5PVwiNVwiIHI9XCIwLjVcIi8+XG4gICAgPC9zdmc6cGF0dGVybj5cbiAgPC9zdmc6ZGVmcz5cbjwvbmctY29udGFpbmVyPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mbG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1mbG93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvY29tcG9uZW50cy9mLWZsb3cvZi1mbG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQUUsWUFBWSxFQUNYLFlBQVksRUFDeEIsS0FBSyxFQUNHLE1BQU0sRUFDZCxTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBa0MsTUFBTSxrQkFBa0IsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVELE9BQU8sRUFBRSxpQkFBaUIsRUFBdUIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXhCLE1BQU0sa0JBQWtCLENBQUM7QUFDMUIsT0FBTyxFQUFFLFlBQVksRUFBbUIsTUFBTSxnQkFBZ0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQXdCLE1BQU0sMkJBQTJCLENBQUM7QUFDMUYsT0FBTyxFQUFrQixjQUFjLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQUVuRyxJQUFJLFFBQVEsR0FBVyxDQUFDLENBQUM7QUFFekIsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcseUJBQXlCLENBQUM7QUFDakUsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsdUJBQXVCLENBQUM7QUFDN0QsTUFBTSxDQUFDLE1BQU0sZ0NBQWdDLEdBQUcsa0NBQWtD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RSx1QkFBdUIsRUFBRSxXQUFXLGdCQUFnQixFQUFFO3FCQUNwRTtzSkFVZSxFQUFFO3NCQURqQixLQUFLO2dCQUlVLGVBQWU7c0JBRDlCLFlBQVk7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUlqQyxxQkFBcUI7c0JBRHBDLFlBQVk7dUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUk1QyxlQUFlO3NCQUQ5QixZQUFZO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJakMsV0FBVztzQkFEMUIsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUl6QixLQUFLO3NCQURwQixZQUFZO3VCQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBY3RCLGFBQWE7c0JBRDVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsXG4gIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE5nWm9uZSwgT3V0cHV0LFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGQ2FudmFzRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWwnO1xuaW1wb3J0IHsgRl9JVEVNU19DT05UQUlORVIsIEZfWk9PTSwgRkl0ZW1zQ29udGFpbmVyQmFzZSwgRlpvb21CYXNlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGX0ZMT1dfQ09NUE9ORU5ULCBGRmxvd0Jhc2UgfSBmcm9tICcuL2YtZmxvdy1iYXNlJztcbmltcG9ydCB7IElUcmFuc2Zvcm1Nb2RlbCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGX05PREVTX0NPTlRBSU5FUiwgRk5vZGVzQ29udGFpbmVyQmFzZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHtcbiAgRl9DT05ORUNUSU9OU19DT05UQUlORVIsXG4gIEZDb25uZWN0aW9uc0NvbnRhaW5lckJhc2Vcbn0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBGX0JBQ0tHUk9VTkQsIEZCYWNrZ3JvdW5kQmFzZSB9IGZyb20gJy4uLy4uL2ludGVybmFsJztcbmltcG9ydCB7IEZfRkxPV19DT05ORUNUT1JfUEFSRU5ULCBJRmxvd0Nvbm5lY3RvclBhcmVudCB9IGZyb20gJy4vaS1mbG93LWNvbm5lY3Rvci1wYXJlbnQnO1xuaW1wb3J0IHsgRkNvbm5lY3RvckJhc2UsIEZOb2RlSW5wdXRCYXNlLCBGTm9kZU91dGxldEJhc2UsIEZOb2RlT3V0cHV0QmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9ycyc7XG5cbmxldCB1bmlxdWVJZDogbnVtYmVyID0gMDtcblxuZXhwb3J0IGNvbnN0IENPTk5FQ1RJT05fTUFSS0VSX1NUQVJUID0gXCJjb25uZWN0aW9uLW1hcmtlci1zdGFydFwiO1xuZXhwb3J0IGNvbnN0IENPTk5FQ1RJT05fTUFSS0VSX0VORCA9IFwiY29ubmVjdGlvbi1tYXJrZXItZW5kXCI7XG5leHBvcnQgY29uc3QgQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURUQgPSBcImNvbm5lY3Rpb24tbWFya2VyLXN0YXJ0LXNlbGVjdGVkXCI7XG5leHBvcnQgY29uc3QgQ09OTkVDVElPTl9NQVJLRVJfRU5EX1NFTEVDVEVEID0gXCJjb25uZWN0aW9uLW1hcmtlci1lbmQtc2VsZWN0ZWRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ZnW2ZGbG93XScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mLWZsb3cuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRkNhbnZhc0RpcmVjdGl2ZVxuICAgIH1cbiAgXSxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAnaWQnLFxuICAgIGNsYXNzOiBcImYtY29tcG9uZW50IGYtZmxvd1wiXG4gIH0sXG4gIHByb3ZpZGVyczogW1xuICAgICAgeyBwcm92aWRlOiBGX0ZMT1dfQ09NUE9ORU5ULCB1c2VFeGlzdGluZzogRkZsb3dDb21wb25lbnQgfSxcbiAgICAgIHsgcHJvdmlkZTogRl9GTE9XX0NPTk5FQ1RPUl9QQVJFTlQsIHVzZUV4aXN0aW5nOiBGRmxvd0NvbXBvbmVudCB9XG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZGbG93Q29tcG9uZW50IGV4dGVuZHMgRkZsb3dCYXNlIGltcGxlbWVudHMgSUZsb3dDb25uZWN0b3JQYXJlbnQge1xuXG4gIHB1YmxpYyByZWFkb25seSBDT05ORUNUSU9OX01BUktFUl9TVEFSVCA9IENPTk5FQ1RJT05fTUFSS0VSX1NUQVJUO1xuICBwdWJsaWMgcmVhZG9ubHkgQ09OTkVDVElPTl9NQVJLRVJfRU5EID0gQ09OTkVDVElPTl9NQVJLRVJfRU5EO1xuICBwdWJsaWMgcmVhZG9ubHkgQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURUQgPSBDT05ORUNUSU9OX01BUktFUl9TVEFSVF9TRUxFQ1RFRDtcbiAgcHVibGljIHJlYWRvbmx5IENPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRCA9IENPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgaWQ6IHN0cmluZyA9IGBmLWZsb3ctJHsgdW5pcXVlSWQrKyB9YDtcblxuICBAQ29udGVudENoaWxkKEZfTk9ERVNfQ09OVEFJTkVSLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZk5vZGVzQ29udGFpbmVyITogRk5vZGVzQ29udGFpbmVyQmFzZTtcblxuICBAQ29udGVudENoaWxkKEZfQ09OTkVDVElPTlNfQ09OVEFJTkVSLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBmQ29ubmVjdGlvbnNDb250YWluZXIhOiBGQ29ubmVjdGlvbnNDb250YWluZXJCYXNlO1xuXG4gIEBDb250ZW50Q2hpbGQoRl9JVEVNU19DT05UQUlORVIsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBmSXRlbXNDb250YWluZXIhOiBGSXRlbXNDb250YWluZXJCYXNlO1xuXG4gIEBWaWV3Q2hpbGQoRl9CQUNLR1JPVU5ELCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgb3ZlcnJpZGUgZkJhY2tncm91bmQhOiBGQmFja2dyb3VuZEJhc2U7XG5cbiAgQENvbnRlbnRDaGlsZChGX1pPT00sIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBmWm9vbTogRlpvb21CYXNlIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBvdXRsZXRzOiBGTm9kZU91dGxldEJhc2VbXSA9IFtdO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBvdXRwdXRzOiBGTm9kZU91dHB1dEJhc2VbXSA9IFtdXG5cbiAgcHVibGljIG92ZXJyaWRlIGlucHV0czogRk5vZGVJbnB1dEJhc2VbXSA9IFtdO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgdHJhbnNmb3JtKCk6IElUcmFuc2Zvcm1Nb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMuZkl0ZW1zQ29udGFpbmVyLnRyYW5zZm9ybTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgb25Jbml0aWFsaXplZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgICAgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxTVkdTVkdFbGVtZW50PixcbiAgICAgIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgIG5nWm9uZTogTmdab25lXG4gICkge1xuICAgIHN1cGVyKGVsZW1lbnRSZWZlcmVuY2UsIGNoYW5nZURldGVjdG9yUmVmLCBuZ1pvbmUpO1xuICB9XG5cbiAgcHVibGljIGFkZENvbm5lY3Rvcihjb25uZWN0b3I6IEZDb25uZWN0b3JCYXNlKSB7XG4gICAgaWYgKGNvbm5lY3RvciBpbnN0YW5jZW9mIEZOb2RlT3V0bGV0QmFzZSkge1xuICAgICAgdGhpcy5vdXRsZXRzLnB1c2goY29ubmVjdG9yKTtcbiAgICB9IGVsc2UgaWYgKGNvbm5lY3RvciBpbnN0YW5jZW9mIEZOb2RlSW5wdXRCYXNlKSB7XG4gICAgICB0aGlzLmlucHV0cy5wdXNoKGNvbm5lY3Rvcik7XG4gICAgfSBlbHNlIGlmIChjb25uZWN0b3IgaW5zdGFuY2VvZiBGTm9kZU91dHB1dEJhc2UpIHtcbiAgICAgIHRoaXMub3V0cHV0cy5wdXNoKGNvbm5lY3Rvcik7XG4gICAgfVxuICAgIHRoaXMuY29ubmVjdG9yQ2hhbmdlcy5uZXh0KCk7XG4gIH1cblxuICBwdWJsaWMgcmVtb3ZlQ29ubmVjdG9yKGNvbm5lY3RvcjogRkNvbm5lY3RvckJhc2UpIHtcbiAgICBpZiAoY29ubmVjdG9yIGluc3RhbmNlb2YgRk5vZGVPdXRsZXRCYXNlKSB7XG4gICAgICB0aGlzLm91dGxldHMgPSB0aGlzLm91dGxldHMuZmlsdGVyKHggPT4geCAhPT0gY29ubmVjdG9yKTtcbiAgICB9IGVsc2UgaWYgKGNvbm5lY3RvciBpbnN0YW5jZW9mIEZOb2RlSW5wdXRCYXNlKSB7XG4gICAgICB0aGlzLmlucHV0cyA9IHRoaXMuaW5wdXRzLmZpbHRlcih4ID0+IHggIT09IGNvbm5lY3Rvcik7XG4gICAgfSBlbHNlIGlmIChjb25uZWN0b3IgaW5zdGFuY2VvZiBGTm9kZU91dHB1dEJhc2UpIHtcbiAgICAgIHRoaXMub3V0cHV0cyA9IHRoaXMub3V0cHV0cy5maWx0ZXIoeCA9PiB4ICE9PSBjb25uZWN0b3IpO1xuICAgIH1cbiAgICB0aGlzLmNvbm5lY3RvckNoYW5nZXMubmV4dCgpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyIHhtbG5zOnN2Zz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gIDxzdmc6ZyBmQmFja2dyb3VuZD5cbiAgICA8cmVjdCB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgZmlsbD1cInVybCgjYmFja2dyb3VuZClcIj48L3JlY3Q+XG4gIDwvc3ZnOmc+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPHN2ZzpkZWZzPlxuICAgIDxzdmc6bWFya2VyIFtpZF09XCJDT05ORUNUSU9OX01BUktFUl9TVEFSVFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItc3RhcnRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiByZWZZPVwiNVwiIHJlZlg9XCI1XCI+XG4gICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMlwiPjwvc3ZnOmNpcmNsZT5cbiAgICA8L3N2ZzptYXJrZXI+XG4gICAgPHN2ZzptYXJrZXIgW2lkXT1cIkNPTk5FQ1RJT05fTUFSS0VSX0VORFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItZW5kXCIgbWFya2VySGVpZ2h0PVwiMTBcIiBtYXJrZXJXaWR0aD1cIjEwXCIgb3JpZW50PVwiYXV0b1wiIHJlZlg9XCI1XCIgcmVmWT1cIjNcIj5cbiAgICAgIDxzdmc6cGF0aCBkPVwiTTAsMCBMNiwzIDAsNlpcIj48L3N2ZzpwYXRoPlxuICAgIDwvc3ZnOm1hcmtlcj5cbiAgICA8c3ZnOm1hcmtlciBbaWRdPVwiQ09OTkVDVElPTl9NQVJLRVJfU1RBUlRfU0VMRUNURURcIiBjbGFzcz1cImNvbm5lY3Rpb24tbWFya2VyLXN0YXJ0IGYtc2VsZWN0ZWRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiByZWZZPVwiNVwiIHJlZlg9XCI1XCI+XG4gICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMlwiPjwvc3ZnOmNpcmNsZT5cbiAgICA8L3N2ZzptYXJrZXI+XG4gICAgPHN2ZzptYXJrZXIgW2lkXT1cIkNPTk5FQ1RJT05fTUFSS0VSX0VORF9TRUxFQ1RFRFwiIGNsYXNzPVwiY29ubmVjdGlvbi1tYXJrZXItZW5kIGYtc2VsZWN0ZWRcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiBvcmllbnQ9XCJhdXRvXCIgcmVmWD1cIjVcIiByZWZZPVwiM1wiPlxuICAgICAgPHN2ZzpwYXRoIGQ9XCJNMCwwIEw2LDMgMCw2WlwiPjwvc3ZnOnBhdGg+XG4gICAgPC9zdmc6bWFya2VyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmQ29ubmVjdGlvbnNDb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbm5lY3Rpb24gb2YgZkNvbm5lY3Rpb25zQ29udGFpbmVyLmZDb25uZWN0aW9ucy50b0FycmF5KClcIj5cbiAgICAgICAgPHN2ZzptYXJrZXIgW2lkXT1cIidjb25uZWN0aW9uLW1hcmtlci1zdGFydC0nICsgY29ubmVjdGlvbi5mcm9tVG8/Lm91dHB1dD8uY29sb3JcIiBtYXJrZXJIZWlnaHQ9XCIxMFwiIG1hcmtlcldpZHRoPVwiMTBcIiByZWZZPVwiNVwiIHJlZlg9XCI1XCI+XG4gICAgICAgICAgPHN2ZzpjaXJjbGUgY3g9XCI1XCIgY3k9XCI1XCIgcj1cIjJcIiBbYXR0ci5zdHJva2VdPVwiJ25vbmUnXCIgW2F0dHIuZmlsbF09XCJjb25uZWN0aW9uLmZyb21Ubz8ub3V0cHV0Py5jb2xvclwiPjwvc3ZnOmNpcmNsZT5cbiAgICAgICAgPC9zdmc6bWFya2VyPlxuICAgICAgICA8c3ZnOm1hcmtlciBbaWRdPVwiJ2Nvbm5lY3Rpb24tbWFya2VyLWVuZC0nICsgY29ubmVjdGlvbi5mcm9tVG8/LmlucHV0Py5jb2xvclwiIG1hcmtlckhlaWdodD1cIjEwXCIgbWFya2VyV2lkdGg9XCIxMFwiIG9yaWVudD1cImF1dG9cIiByZWZYPVwiNVwiIHJlZlk9XCIzXCI+XG4gICAgICAgICAgPHN2ZzpwYXRoIGQ9XCJNMCwwIEw2LDMgMCw2WlwiIFthdHRyLnN0cm9rZV09XCInbm9uZSdcIiBbYXR0ci5maWxsXT1cImNvbm5lY3Rpb24uZnJvbVRvPy5pbnB1dD8uY29sb3JcIj48L3N2ZzpwYXRoPlxuICAgICAgICA8L3N2ZzptYXJrZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxzdmc6cGF0dGVybiBpZD1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMFwiIHdpZHRoPVwiMTBcIiBjbGFzcz1cImZiLWJhY2tncm91bmQtcGF0dGVyblwiXG4gICAgICAgICAgICAgICAgIHBhdHRlcm5Vbml0cz1cInVzZXJTcGFjZU9uVXNlXCI+XG4gICAgICA8c3ZnOmNpcmNsZSBjeD1cIjVcIiBjeT1cIjVcIiByPVwiMC41XCIvPlxuICAgIDwvc3ZnOnBhdHRlcm4+XG4gIDwvc3ZnOmRlZnM+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

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

@@ -20,7 +20,10 @@ export class FForeignObjectBase {
     }
     redraw() {
         const element = this.hostElement.firstChild;
-        console.log(element);
+        // console.log(element.style);
+        // if (!element.style.display) {
+        //   throw new Error('Foreign Object content should be with style display');
+        // }
         if (element && !!element.getBoundingClientRect) {
             const rect = RectExtensions.fromElement(element);
             const scale = this.transform.scale;
@@ -38,4 +41,4 @@ export class FForeignObjectBase {
 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mb3JlaWduLW9iamVjdC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2Ytbm9kZS9mLWZvcmVpZ24tb2JqZWN0L2YtZm9yZWlnbi1vYmplY3QtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ1UsU0FBUyxFQUFFLGNBQWMsRUFDekMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFnQixTQUFTLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0RSxPQUFPLEVBQUUsZUFBZSxFQUFvQyxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBR2pHLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLElBQUksY0FBYyxDQUFxQiw0QkFBNEIsQ0FBQyxDQUFDO0FBRy9HLE1BQU0sT0FBZ0Isa0JBQWtCO0lBWXRDLFlBQ0UsV0FBaUI7UUFYWCxtQkFBYyxHQUFpQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBTW5ELGlCQUFZLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7UUFPdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDakMsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQ3JCLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUNoQyxDQUFDO0lBQ0osQ0FBQztJQUVPLHdCQUF3QjtRQUM5QixPQUFPLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBeUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sTUFBTTtRQUNYLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBeUIsQ0FBQztRQUMzRCxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3JCLElBQUksT0FBTyxJQUFJLENBQUMsQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUU7WUFDOUMsTUFBTSxJQUFJLEdBQUcsY0FBYyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNqRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsR0FBSSxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQU0sRUFBRSxDQUFDLENBQUM7WUFDbEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLEdBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFNLEVBQUUsQ0FBQyxDQUFDO1NBQ3JFO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3BDLENBQUM7OEdBN0NtQixrQkFBa0I7a0dBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFEdkMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgSW5qZWN0aW9uVG9rZW4sIE9uRGVzdHJveVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgc3RhcnRXaXRoLCBTdWJqZWN0LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEZSZXNpemVPYnNlcnZlciwgSUhhc0hvc3RFbGVtZW50LCBJVHJhbnNmb3JtTW9kZWwsIFJlY3RFeHRlbnNpb25zIH0gZnJvbSAnQGZvYmxleC9jb3JlJztcbmltcG9ydCB7IElIYXNTdGF0ZUNoYW5nZXMgfSBmcm9tICcuLi8uLi8uLi9pLWhhcy1zdGF0ZS1jaGFuZ2VzJztcblxuZXhwb3J0IGNvbnN0IEZfRk9SRUlHTl9PQkpFQ1RfQ09NUE9ORU5UID0gbmV3IEluamVjdGlvblRva2VuPEZGb3JlaWduT2JqZWN0QmFzZT4oJ0ZfRk9SRUlHTl9PQkpFQ1RfQ09NUE9ORU5UJyk7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEZGb3JlaWduT2JqZWN0QmFzZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIElIYXNTdGF0ZUNoYW5nZXMsIElIYXNIb3N0RWxlbWVudCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIHN1YnNjcmlwdGlvbnMkOiBTdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgcHVibGljIF9wYXJlbnROb2RlOiB7fSB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgYWJzdHJhY3QgaG9zdEVsZW1lbnQ6IFNWR0ZvcmVpZ25PYmplY3RFbGVtZW50O1xuXG4gIHB1YmxpYyBzdGF0ZUNoYW5nZXM6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCB0cmFuc2Zvcm06IElUcmFuc2Zvcm1Nb2RlbDtcblxuICBwcm90ZWN0ZWQgY29uc3RydWN0b3IoXG4gICAgX3BhcmVudE5vZGU/OiBhbnksXG4gICkge1xuICAgIHRoaXMuX3BhcmVudE5vZGUgPSBfcGFyZW50Tm9kZTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zJC5hZGQoXG4gICAgICB0aGlzLnN1YnNjcmliZU9uUmVzaXplQ2hhbmdlcygpXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgc3Vic2NyaWJlT25SZXNpemVDaGFuZ2VzKCk6IFN1YnNjcmlwdGlvbiB7XG4gICAgcmV0dXJuIG5ldyBGUmVzaXplT2JzZXJ2ZXIodGhpcy5ob3N0RWxlbWVudC5maXJzdENoaWxkIGFzIEhUTUxFbGVtZW50KS5waXBlKHN0YXJ0V2l0aChudWxsKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMucmVkcmF3KCk7XG4gICAgICB0aGlzLnN0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgcmVkcmF3KCk6IHZvaWQge1xuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmhvc3RFbGVtZW50LmZpcnN0Q2hpbGQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgY29uc29sZS5sb2coZWxlbWVudCk7XG4gICAgaWYgKGVsZW1lbnQgJiYgISFlbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCkge1xuICAgICAgY29uc3QgcmVjdCA9IFJlY3RFeHRlbnNpb25zLmZyb21FbGVtZW50KGVsZW1lbnQpO1xuICAgICAgY29uc3Qgc2NhbGUgPSB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcbiAgICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKFwid2lkdGhcIiwgYCR7IHJlY3Qud2lkdGggLyBzY2FsZSB9YCk7XG4gICAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZShcImhlaWdodFwiLCBgJHsgcmVjdC5oZWlnaHQgLyBzY2FsZSB9YCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGVDaGFuZ2VzLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zJC51bnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1mb3JlaWduLW9iamVjdC1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9jb21wb25lbnRzL2Ytbm9kZS9mLWZvcmVpZ24tb2JqZWN0L2YtZm9yZWlnbi1vYmplY3QtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ1UsU0FBUyxFQUFFLGNBQWMsRUFDekMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFnQixTQUFTLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0RSxPQUFPLEVBQUUsZUFBZSxFQUFvQyxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBR2pHLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLElBQUksY0FBYyxDQUFxQiw0QkFBNEIsQ0FBQyxDQUFDO0FBRy9HLE1BQU0sT0FBZ0Isa0JBQWtCO0lBWXRDLFlBQ0ksV0FBaUI7UUFYYixtQkFBYyxHQUFpQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBTW5ELGlCQUFZLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7UUFPdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDakMsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQ25CLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUNsQyxDQUFDO0lBQ0osQ0FBQztJQUVPLHdCQUF3QjtRQUU5QixPQUFPLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBeUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sTUFBTTtRQUNYLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBeUIsQ0FBQztRQUMzRCw4QkFBOEI7UUFDOUIsZ0NBQWdDO1FBQ2hDLDRFQUE0RTtRQUM1RSxJQUFJO1FBQ0osSUFBSSxPQUFPLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtZQUM5QyxNQUFNLElBQUksR0FBRyxjQUFjLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2pELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxHQUFJLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBTSxFQUFFLENBQUMsQ0FBQztZQUNsRSxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsR0FBSSxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQU0sRUFBRSxDQUFDLENBQUM7U0FDckU7SUFDSCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDcEMsQ0FBQzs4R0FqRG1CLGtCQUFrQjtrR0FBbEIsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQUR2QyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBJbmplY3Rpb25Ub2tlbiwgT25EZXN0cm95XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBzdGFydFdpdGgsIFN1YmplY3QsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRlJlc2l6ZU9ic2VydmVyLCBJSGFzSG9zdEVsZW1lbnQsIElUcmFuc2Zvcm1Nb2RlbCwgUmVjdEV4dGVuc2lvbnMgfSBmcm9tICdAZm9ibGV4L2NvcmUnO1xuaW1wb3J0IHsgSUhhc1N0YXRlQ2hhbmdlcyB9IGZyb20gJy4uLy4uLy4uL2ktaGFzLXN0YXRlLWNoYW5nZXMnO1xuXG5leHBvcnQgY29uc3QgRl9GT1JFSUdOX09CSkVDVF9DT01QT05FTlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48RkZvcmVpZ25PYmplY3RCYXNlPignRl9GT1JFSUdOX09CSkVDVF9DT01QT05FTlQnKTtcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRkZvcmVpZ25PYmplY3RCYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgSUhhc1N0YXRlQ2hhbmdlcywgSUhhc0hvc3RFbGVtZW50LCBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9ucyQ6IFN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICBwdWJsaWMgX3BhcmVudE5vZGU6IHt9IHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBhYnN0cmFjdCBob3N0RWxlbWVudDogU1ZHRm9yZWlnbk9iamVjdEVsZW1lbnQ7XG5cbiAgcHVibGljIHN0YXRlQ2hhbmdlczogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgcHVibGljIGFic3RyYWN0IHRyYW5zZm9ybTogSVRyYW5zZm9ybU1vZGVsO1xuXG4gIHByb3RlY3RlZCBjb25zdHJ1Y3RvcihcbiAgICAgIF9wYXJlbnROb2RlPzogYW55LFxuICApIHtcbiAgICB0aGlzLl9wYXJlbnROb2RlID0gX3BhcmVudE5vZGU7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucyQuYWRkKFxuICAgICAgICB0aGlzLnN1YnNjcmliZU9uUmVzaXplQ2hhbmdlcygpXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgc3Vic2NyaWJlT25SZXNpemVDaGFuZ2VzKCk6IFN1YnNjcmlwdGlvbiB7XG5cbiAgICByZXR1cm4gbmV3IEZSZXNpemVPYnNlcnZlcih0aGlzLmhvc3RFbGVtZW50LmZpcnN0Q2hpbGQgYXMgSFRNTEVsZW1lbnQpLnBpcGUoc3RhcnRXaXRoKG51bGwpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5yZWRyYXcoKTtcbiAgICAgIHRoaXMuc3RhdGVDaGFuZ2VzLm5leHQoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyByZWRyYXcoKTogdm9pZCB7XG4gICAgY29uc3QgZWxlbWVudCA9IHRoaXMuaG9zdEVsZW1lbnQuZmlyc3RDaGlsZCBhcyBIVE1MRWxlbWVudDtcbiAgICAvLyBjb25zb2xlLmxvZyhlbGVtZW50LnN0eWxlKTtcbiAgICAvLyBpZiAoIWVsZW1lbnQuc3R5bGUuZGlzcGxheSkge1xuICAgIC8vICAgdGhyb3cgbmV3IEVycm9yKCdGb3JlaWduIE9iamVjdCBjb250ZW50IHNob3VsZCBiZSB3aXRoIHN0eWxlIGRpc3BsYXknKTtcbiAgICAvLyB9XG4gICAgaWYgKGVsZW1lbnQgJiYgISFlbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCkge1xuICAgICAgY29uc3QgcmVjdCA9IFJlY3RFeHRlbnNpb25zLmZyb21FbGVtZW50KGVsZW1lbnQpO1xuICAgICAgY29uc3Qgc2NhbGUgPSB0aGlzLnRyYW5zZm9ybS5zY2FsZTtcbiAgICAgIHRoaXMuaG9zdEVsZW1lbnQuc2V0QXR0cmlidXRlKFwid2lkdGhcIiwgYCR7IHJlY3Qud2lkdGggLyBzY2FsZSB9YCk7XG4gICAgICB0aGlzLmhvc3RFbGVtZW50LnNldEF0dHJpYnV0ZShcImhlaWdodFwiLCBgJHsgcmVjdC5oZWlnaHQgLyBzY2FsZSB9YCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGVDaGFuZ2VzLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zJC51bnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=

package/fesm2022/foblex-flow.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Directive, Component, ChangeDetectionStrategy, Input, ViewChild, InjectionToken, NgModule, Inject, Optional, SkipSelf, EventEmitter, ContentChildren, ContentChild, Output, Injectable } from '@angular/core';
 import { VectorExtensions, Point, PointExtensions, RectExtensions, TransformModelExtensions, SizeExtensions, BooleanExtensions, FResizeObserver, DomElementExtensions, MouseEventExtensions, IDragAndDropBase, LineFElement, RectFElement, EventExtensions } from '@foblex/core';
-import { Subject, Subscription, startWith, defer, switchMap, merge, take, takeUntil } from 'rxjs';
+import { Subject, Subscription, startWith, defer, switchMap, merge, take, debounceTime, takeUntil } from 'rxjs';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -916,7 +916,10 @@ class FForeignObjectBase {
     }
     redraw() {
         const element = this.hostElement.firstChild;
-        console.log(element);
+        // console.log(element.style);
+        // if (!element.style.display) {
+        //   throw new Error('Foreign Object content should be with style display');
+        // }
         if (element && !!element.getBoundingClientRect) {
             const rect = RectExtensions.fromElement(element);
             const scale = this.transform.scale;
@@ -2931,6 +2934,11 @@ class FFlowBase {
         this.onDestroy = new Subject();
         this.connectorChanges = new Subject();
     }
+    ngAfterViewInit() {
+        this.fNodesContainer.stateChanges.pipe(debounceTime(1), take(1)).subscribe(() => {
+            this.onInitialized.emit();
+        });
+    }
     ngAfterContentInit() {
         this.subscribeOnComponentsChanges();
     }
@@ -2957,6 +2965,27 @@ class FFlowBase {
             });
         });
     }
+    fitToScreen(toCenter = PointExtensions.initialize(), animated = true) {
+        const rect = RectExtensions.addPointToSize(RectExtensions.fromElement(this.fNodesContainer.hostElement), Point.fromPoint(toCenter).mult(2));
+        this.fItemsContainer.fitToParent(rect, RectExtensions.fromElement(this.hostElement), this.fNodesContainer.fNodes.map((x) => {
+            return Point.fromPoint(x.position).sub(toCenter);
+        }));
+        animated ? this.fItemsContainer.redrawWithAnimation() : this.fItemsContainer.redraw();
+        this.fItemsContainer.completeDrag();
+    }
+    oneToOne() {
+        this.fItemsContainer.oneToOneCentering(RectExtensions.fromElement(this.fNodesContainer.hostElement), RectExtensions.fromElement(this.hostElement), this.fNodesContainer.fNodes.map((x) => {
+            return Point.fromPoint(x.position).sub(new Point(0, 0));
+        }));
+        this.fItemsContainer.redrawWithAnimation();
+        this.fItemsContainer.completeDrag();
+    }
+    zoomIn() {
+        this.fZoom?.onZoomToCenter(-100);
+    }
+    zoomOut() {
+        this.fZoom?.onZoomToCenter(100);
+    }
     ngOnDestroy() {
         this.onDestroy.next();
         this.onDestroy.complete();
@@ -2987,6 +3016,7 @@ class FFlowComponent extends FFlowBase {
         this.outlets = [];
         this.outputs = [];
         this.inputs = [];
+        this.onInitialized = new EventEmitter();
     }
     addConnector(connector) {
         if (connector instanceof FNodeOutletBase) {
@@ -3013,10 +3043,10 @@ class FFlowComponent extends FFlowBase {
         this.connectorChanges.next();
     }
     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: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: FFlowComponent, selector: "svg[fFlow]", inputs: { id: "id" }, outputs: { onInitialized: "onInitialized" }, host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-flow" }, providers: [
             { provide: F_FLOW_COMPONENT, useExisting: FFlowComponent },
             { provide: F_FLOW_CONNECTOR_PARENT, 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 }], viewQueries: [{ propertyName: "fBackground", first: true, predicate: F_BACKGROUND, descendants: true, static: true }], usesInheritance: true, hostDirectives: [{ directive: 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: FBackgroundDirective, selector: "g[fBackground]" }] }); }
+        ], 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: "fZoom", first: true, predicate: F_ZOOM, descendants: true, static: true }], viewQueries: [{ propertyName: "fBackground", first: true, predicate: F_BACKGROUND, descendants: true, static: true }], usesInheritance: true, hostDirectives: [{ directive: 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: FBackgroundDirective, selector: "g[fBackground]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: FFlowComponent, decorators: [{
             type: Component,
@@ -3045,6 +3075,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
             }], fBackground: [{
                 type: ViewChild,
                 args: [F_BACKGROUND, { static: true }]
+            }], fZoom: [{
+                type: ContentChild,
+                args: [F_ZOOM, { static: true }]
+            }], onInitialized: [{
+                type: Output
             }] } });
 
 let uniqueId = 0;