@foblex/flow 14.0.0 → 16.0.0

package/{fesm2020 → fesm2022}/foblex-flow.mjs

@@ -61,10 +61,10 @@ class FComponentsStore {
     componentDataChanged() {
         this.componentsDataChanges.next();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FComponentsStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FComponentsStore }); }
 }
-FComponentsStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FComponentsStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FComponentsStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FComponentsStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FComponentsStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FComponentsStore, decorators: [{
             type: Injectable
         }] });
 
@@ -72,10 +72,10 @@ class FTransformStore {
     constructor() {
         this.changes = new Subject();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FTransformStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FTransformStore }); }
 }
-FTransformStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FTransformStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FTransformStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FTransformStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FTransformStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FTransformStore, decorators: [{
             type: Injectable
         }] });
 
@@ -118,13 +118,13 @@ let CreateConnectionMarkersExecution = class CreateConnectionMarkersExecution {
         markerElement.setAttribute('markerUnits', `${marker.markerUnits}`);
         return markerElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionMarkersExecution, deps: [{ token: i1.BrowserService }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionMarkersExecution }); }
 };
-CreateConnectionMarkersExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionMarkersExecution, deps: [{ token: i1.BrowserService }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionMarkersExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionMarkersExecution });
 CreateConnectionMarkersExecution = __decorate([
     FExecutionRegister(CreateConnectionMarkersRequest)
 ], CreateConnectionMarkersExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionMarkersExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionMarkersExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.BrowserService }, { type: FComponentsStore }]; } });
 function createSVGElement$1(tag, fBrowser) {
@@ -158,13 +158,13 @@ let CreateRoundedRectFromElementExecution = class CreateRoundedRectFromElementEx
     toPixels(value, element, fontSize) {
         return this.fBrowser.toPixels(value, element.clientWidth, element.clientHeight, fontSize) || 0;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateRoundedRectFromElementExecution, deps: [{ token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateRoundedRectFromElementExecution }); }
 };
-CreateRoundedRectFromElementExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateRoundedRectFromElementExecution, deps: [{ token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateRoundedRectFromElementExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateRoundedRectFromElementExecution });
 CreateRoundedRectFromElementExecution = __decorate([
     FExecutionRegister(CreateRoundedRectFromElementRequest)
 ], CreateRoundedRectFromElementExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateRoundedRectFromElementExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateRoundedRectFromElementExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.BrowserService }]; } });
 
@@ -178,13 +178,13 @@ let EmitTransformChangesExecution = class EmitTransformChangesExecution {
     handle(request) {
         this.fTransformStore.changes.next();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EmitTransformChangesExecution, deps: [{ token: FTransformStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EmitTransformChangesExecution }); }
 };
-EmitTransformChangesExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmitTransformChangesExecution, deps: [{ token: FTransformStore }], target: i0.ɵɵFactoryTarget.Injectable });
-EmitTransformChangesExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmitTransformChangesExecution });
 EmitTransformChangesExecution = __decorate([
     FExecutionRegister(EmitTransformChangesRequest)
 ], EmitTransformChangesExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmitTransformChangesExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EmitTransformChangesExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FTransformStore }]; } });
 
@@ -196,13 +196,13 @@ class AddPatternToBackgroundRequest {
 
 let uniqueId$c = 0;
 let AddPatternToBackgroundExecution = class AddPatternToBackgroundExecution {
+    get fBackground() {
+        return this.fComponentsStore.fBackground;
+    }
     constructor(fComponentsStore, fBrowser) {
         this.fComponentsStore = fComponentsStore;
         this.fBrowser = fBrowser;
     }
-    get fBackground() {
-        return this.fComponentsStore.fBackground;
-    }
     handle(request) {
         const children = request.fPattern?.hostElement.getElementsByTagName('pattern') || [];
         const pattern = children.length ? children[0] : undefined;
@@ -221,13 +221,13 @@ let AddPatternToBackgroundExecution = class AddPatternToBackgroundExecution {
             request.fPattern?.setTransform(transform);
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddPatternToBackgroundExecution, deps: [{ token: FComponentsStore }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddPatternToBackgroundExecution }); }
 };
-AddPatternToBackgroundExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AddPatternToBackgroundExecution, deps: [{ token: FComponentsStore }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-AddPatternToBackgroundExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AddPatternToBackgroundExecution });
 AddPatternToBackgroundExecution = __decorate([
     FExecutionRegister(AddPatternToBackgroundRequest)
 ], AddPatternToBackgroundExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AddPatternToBackgroundExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddPatternToBackgroundExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i1.BrowserService }]; } });
 
@@ -243,12 +243,12 @@ class CenterGroupOrNodeRequest {
 }
 
 let CenterGroupOrNodeExecution = class CenterGroupOrNodeExecution {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
     handle(request) {
         const fNode = this.getNode(request.id);
         if (!fNode) {
@@ -272,13 +272,13 @@ let CenterGroupOrNodeExecution = class CenterGroupOrNodeExecution {
     getFlowRect() {
         return RectExtensions.fromElement(this.fComponentsStore.fFlow.hostElement);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CenterGroupOrNodeExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CenterGroupOrNodeExecution }); }
 };
-CenterGroupOrNodeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CenterGroupOrNodeExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-CenterGroupOrNodeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CenterGroupOrNodeExecution });
 CenterGroupOrNodeExecution = __decorate([
     FExecutionRegister(CenterGroupOrNodeRequest)
 ], CenterGroupOrNodeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CenterGroupOrNodeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CenterGroupOrNodeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -290,13 +290,13 @@ class FitToFlowRequest {
 }
 
 let FitToFlowExecution = class FitToFlowExecution {
+    get transform() {
+        return this.fComponentsStore.fCanvas.transform;
+    }
     constructor(fComponentsStore, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
     }
-    get transform() {
-        return this.fComponentsStore.fCanvas.transform;
-    }
     handle(request) {
         const fNodesRect = this.fMediator.send(new GetNodesRectRequest()) || RectExtensions.initialize();
         if (fNodesRect.width === 0 || fNodesRect.height === 0) {
@@ -325,13 +325,13 @@ let FitToFlowExecution = class FitToFlowExecution {
         const yPoint = points.length ? Math.min(...points.map((point) => point.y)) : 0;
         return PointExtensions.initialize(xPoint, yPoint);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FitToFlowExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FitToFlowExecution }); }
 };
-FitToFlowExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FitToFlowExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-FitToFlowExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FitToFlowExecution });
 FitToFlowExecution = __decorate([
     FExecutionRegister(FitToFlowRequest)
 ], FitToFlowExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FitToFlowExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FitToFlowExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -357,13 +357,13 @@ let InputCanvasPositionExecution = class InputCanvasPositionExecution {
             this.fComponentsStore.fCanvas?.redraw();
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCanvasPositionExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCanvasPositionExecution }); }
 };
-InputCanvasPositionExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCanvasPositionExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-InputCanvasPositionExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCanvasPositionExecution });
 InputCanvasPositionExecution = __decorate([
     FExecutionRegister(InputCanvasPositionRequest)
 ], InputCanvasPositionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCanvasPositionExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCanvasPositionExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -385,13 +385,13 @@ let InputCanvasScaleExecution = class InputCanvasScaleExecution {
         request.transform.scale = request.scale;
         this.fComponentsStore.fCanvas?.redraw();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCanvasScaleExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCanvasScaleExecution }); }
 };
-InputCanvasScaleExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCanvasScaleExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-InputCanvasScaleExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCanvasScaleExecution });
 InputCanvasScaleExecution = __decorate([
     FExecutionRegister(InputCanvasScaleRequest)
 ], InputCanvasScaleExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCanvasScaleExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InputCanvasScaleExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -399,23 +399,23 @@ class ResetScaleRequest {
 }
 
 let ResetScaleExecution = class ResetScaleExecution {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
     handle(request) {
         this.transform.scale = 1;
         this.transform.scaledPosition = PointExtensions.initialize();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetScaleExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetScaleExecution }); }
 };
-ResetScaleExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ResetScaleExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-ResetScaleExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ResetScaleExecution });
 ResetScaleExecution = __decorate([
     FExecutionRegister(ResetScaleRequest)
 ], ResetScaleExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ResetScaleExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetScaleExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -426,13 +426,13 @@ class ResetScaleAndCenterRequest {
 }
 
 let ResetScaleAndCenterExecution = class ResetScaleAndCenterExecution {
+    get transform() {
+        return this.fComponentsStore.fCanvas.transform;
+    }
     constructor(fComponentsStore, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
     }
-    get transform() {
-        return this.fComponentsStore.fCanvas.transform;
-    }
     handle(request) {
         const fNodesRect = this.fMediator.send(new GetNodesRectRequest()) || RectExtensions.initialize();
         if (fNodesRect.width === 0 || fNodesRect.height === 0) {
@@ -456,13 +456,13 @@ let ResetScaleAndCenterExecution = class ResetScaleAndCenterExecution {
         const yPoint = points.length ? Math.min(...points.map((point) => point.y)) : 0;
         return PointExtensions.initialize(xPoint, yPoint);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetScaleAndCenterExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetScaleAndCenterExecution }); }
 };
-ResetScaleAndCenterExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ResetScaleAndCenterExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-ResetScaleAndCenterExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ResetScaleAndCenterExecution });
 ResetScaleAndCenterExecution = __decorate([
     FExecutionRegister(ResetScaleAndCenterRequest)
 ], ResetScaleAndCenterExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ResetScaleAndCenterExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResetScaleAndCenterExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -474,12 +474,12 @@ class UpdateScaleRequest {
 }
 
 let UpdateScaleExecution = class UpdateScaleExecution {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
     handle(request) {
         if (request.scale !== this.transform.scale) {
             const summaryPosition = PointExtensions.sum(this.transform.scaledPosition, this.transform.position);
@@ -489,13 +489,13 @@ let UpdateScaleExecution = class UpdateScaleExecution {
             this.transform.scaledPosition = PointExtensions.sub(PointExtensions.initialize(newX, newY), this.transform.position);
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateScaleExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateScaleExecution }); }
 };
-UpdateScaleExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UpdateScaleExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-UpdateScaleExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UpdateScaleExecution });
 UpdateScaleExecution = __decorate([
     FExecutionRegister(UpdateScaleRequest)
 ], UpdateScaleExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UpdateScaleExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateScaleExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -540,13 +540,13 @@ let FindClosestInputUsingSnapThresholdExecution = class FindClosestInputUsingSna
     clamp(value, min, max) {
         return Math.max(min, Math.min(max, value));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution }); }
 };
-FindClosestInputUsingSnapThresholdExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FindClosestInputUsingSnapThresholdExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution });
 FindClosestInputUsingSnapThresholdExecution = __decorate([
     FExecutionRegister(FindClosestInputUsingSnapThresholdRequest)
 ], FindClosestInputUsingSnapThresholdExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -569,16 +569,16 @@ class GetElementRectInFlowRequest {
 }
 
 let GetElementRectInFlowExecution = class GetElementRectInFlowExecution {
-    constructor(fComponentsStore, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-    }
     get transform() {
         return this.fComponentsStore.transform;
     }
     get flowHost() {
         return this.fComponentsStore.flowHost;
     }
+    constructor(fComponentsStore, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fMediator = fMediator;
+    }
     handle(request) {
         const systemRect = this.fMediator.send(new CreateRoundedRectFromElementRequest(request.element));
         const position = this.transformElementPositionInFlow(systemRect);
@@ -591,13 +591,13 @@ let GetElementRectInFlowExecution = class GetElementRectInFlowExecution {
     transformElementSizeInFlow(rect) {
         return SizeExtensions.initialize(rect.width / this.transform.scale, rect.height / this.transform.scale);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetElementRectInFlowExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetElementRectInFlowExecution }); }
 };
-GetElementRectInFlowExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetElementRectInFlowExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetElementRectInFlowExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetElementRectInFlowExecution });
 GetElementRectInFlowExecution = __decorate([
     FExecutionRegister(GetElementRectInFlowRequest)
 ], GetElementRectInFlowExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetElementRectInFlowExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetElementRectInFlowExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -611,27 +611,27 @@ let GetConnectorWithRectExecution = class GetConnectorWithRectExecution {
             fRect: this.fMediator.send(new GetElementRectInFlowRequest(request.connector.hostElement))
         };
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetConnectorWithRectExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetConnectorWithRectExecution }); }
 };
-GetConnectorWithRectExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetConnectorWithRectExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetConnectorWithRectExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetConnectorWithRectExecution });
 GetConnectorWithRectExecution = __decorate([
     FExecutionRegister(GetConnectorWithRectRequest)
 ], GetConnectorWithRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetConnectorWithRectExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetConnectorWithRectExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i2.FMediator }]; } });
 
 let GetAllCanBeConnectedInputPositionsExecution = class GetAllCanBeConnectedInputPositionsExecution {
-    constructor(fComponentsStore, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-    }
     get fNodes() {
         return this.fComponentsStore.fNodes;
     }
     get fInputs() {
         return this.fComponentsStore.fInputs;
     }
+    constructor(fComponentsStore, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fMediator = fMediator;
+    }
     handle(payload) {
         return this.getCanBeConnectedInputs(this.getOutput(payload.fOutputId)).map((x) => {
             return this.fMediator.send(new GetConnectorWithRectRequest(x));
@@ -657,13 +657,13 @@ let GetAllCanBeConnectedInputPositionsExecution = class GetAllCanBeConnectedInpu
     getNodeOfConnector(connector) {
         return this.fNodes.find((x) => x.isContains(connector.hostElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetAllCanBeConnectedInputPositionsExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetAllCanBeConnectedInputPositionsExecution }); }
 };
-GetAllCanBeConnectedInputPositionsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetAllCanBeConnectedInputPositionsExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetAllCanBeConnectedInputPositionsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetAllCanBeConnectedInputPositionsExecution });
 GetAllCanBeConnectedInputPositionsExecution = __decorate([
     FExecutionRegister(GetAllCanBeConnectedInputPositionsRequest)
 ], GetAllCanBeConnectedInputPositionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetAllCanBeConnectedInputPositionsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetAllCanBeConnectedInputPositionsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -698,10 +698,10 @@ class FDraggableDataContext {
     markSelectionAsChanged() {
         this.isSelectedChanged = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableDataContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableDataContext }); }
 }
-FDraggableDataContext.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDraggableDataContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FDraggableDataContext.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDraggableDataContext });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDraggableDataContext, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableDataContext, decorators: [{
             type: Injectable
         }] });
 
@@ -712,13 +712,13 @@ let CanvasMoveFinalizeExecution = class CanvasMoveFinalizeExecution {
     handle(request) {
         this.fDraggableDataContext.draggableItems.forEach((x) => x.complete?.());
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMoveFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMoveFinalizeExecution }); }
 };
-CanvasMoveFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMoveFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-CanvasMoveFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMoveFinalizeExecution });
 CanvasMoveFinalizeExecution = __decorate([
     FExecutionRegister(CanvasMoveFinalizeRequest)
 ], CanvasMoveFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMoveFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMoveFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -746,13 +746,13 @@ let CanvasMoveFinalizeValidator = class CanvasMoveFinalizeValidator {
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof CanvasDragHandler);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMoveFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMoveFinalizeValidator }); }
 };
-CanvasMoveFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMoveFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-CanvasMoveFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMoveFinalizeValidator });
 CanvasMoveFinalizeValidator = __decorate([
     FValidatorRegister(CanvasMoveFinalizeRequest)
 ], CanvasMoveFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMoveFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMoveFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -768,13 +768,13 @@ class CanvasMovePreparationRequest {
 }
 
 let CanvasMovePreparationExecution = class CanvasMovePreparationExecution {
+    get flowHost() {
+        return this.fComponentsStore.fFlow.hostElement;
+    }
     constructor(fComponentsStore, fDraggableDataContext) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
     }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
     handle(request) {
         this.fDraggableDataContext.onPointerDownScale = 1;
         this.fDraggableDataContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
@@ -783,24 +783,24 @@ let CanvasMovePreparationExecution = class CanvasMovePreparationExecution {
             new CanvasDragHandler(this.fComponentsStore)
         ];
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMovePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMovePreparationExecution }); }
 };
-CanvasMovePreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMovePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-CanvasMovePreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMovePreparationExecution });
 CanvasMovePreparationExecution = __decorate([
     FExecutionRegister(CanvasMovePreparationRequest)
 ], CanvasMovePreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMovePreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMovePreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
 let CanvasMovePreparationValidator = class CanvasMovePreparationValidator {
+    get flowHost() {
+        return this.fComponentsStore.fFlow.hostElement;
+    }
     constructor(fComponentsStore, fDraggableDataContext) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
     }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
     handle(request) {
         return !this.fDraggableDataContext.draggableItems.length &&
             (this.isBackgroundElement(request.event.targetElement) || this.isDragOnHost(request.event.targetElement));
@@ -818,13 +818,13 @@ let CanvasMovePreparationValidator = class CanvasMovePreparationValidator {
         }
         return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMovePreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMovePreparationValidator }); }
 };
-CanvasMovePreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMovePreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-CanvasMovePreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMovePreparationValidator });
 CanvasMovePreparationValidator = __decorate([
     FValidatorRegister(CanvasMovePreparationRequest)
 ], CanvasMovePreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CanvasMovePreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CanvasMovePreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -914,10 +914,10 @@ class FNodeInputBase extends FConnectorBase {
     get canBeConnected() {
         return !this.disabled && (this.multiple ? true : !this.isConnected);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeInputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FNodeInputBase, usesInheritance: true, ngImport: i0 }); }
 }
-FNodeInputBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeInputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-FNodeInputBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FNodeInputBase, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeInputBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeInputBase, decorators: [{
             type: Directive
         }] });
 
@@ -931,16 +931,16 @@ function isNode(element) {
 
 const F_DRAG_HANDLE = new InjectionToken('F_DRAG_HANDLE');
 class FDragHandleDirective {
-    constructor(elementReference) {
-        this.elementReference = elementReference;
-    }
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDragHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FDragHandleDirective, selector: "[fDragHandle]", host: { classAttribute: "f-drag-handle f-component" }, providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }], ngImport: i0 }); }
 }
-FDragHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDragHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-FDragHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FDragHandleDirective, selector: "[fDragHandle]", host: { classAttribute: "f-drag-handle f-component" }, providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDragHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDragHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fDragHandle]",
@@ -961,10 +961,6 @@ var EFResizeHandleType;
 
 const F_RESIZE_HANDLE = new InjectionToken('F_RESIZE_HANDLE');
 class FResizeHandleDirective {
-    constructor(elementReference) {
-        this.elementReference = elementReference;
-        this._type = EFResizeHandleType.LEFT_TOP;
-    }
     set type(type) {
         this._type = castToEnum(type, 'fResizeHandleType', EFResizeHandleType);
     }
@@ -977,10 +973,14 @@ class FResizeHandleDirective {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+        this._type = EFResizeHandleType.LEFT_TOP;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FResizeHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FResizeHandleDirective, selector: "[fResizeHandle]", inputs: { type: ["fResizeHandleType", "type"] }, host: { properties: { "attr.data-f-resize-handle-type": "type", "class": "this.typeClass" }, classAttribute: "f-resize-handle f-component" }, providers: [{ provide: F_RESIZE_HANDLE, useExisting: FResizeHandleDirective }], ngImport: i0 }); }
 }
-FResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FResizeHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-FResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FResizeHandleDirective, selector: "[fResizeHandle]", inputs: { type: ["fResizeHandleType", "type"] }, host: { properties: { "attr.data-f-resize-handle-type": "type", "class": "this.typeClass" }, classAttribute: "f-resize-handle f-component" }, providers: [{ provide: F_RESIZE_HANDLE, useExisting: FResizeHandleDirective }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FResizeHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FResizeHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fResizeHandle]",
@@ -1009,10 +1009,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 //   providers: [ { provide: F_ROTATE_HANDLE, useExisting: FRotateHandleDirective } ],
 // })
 class FRotateHandleDirective {
-    constructor(elementReference) {
-        this.elementReference = elementReference;
-        this.isDisabled = false;
-    }
     // @Input('fRotateHandleDisabled')
     // public set disabled(isDisabled: boolean | undefined | string) {
     //   this.isDisabled = BooleanExtensions.castToBoolean(isDisabled);
@@ -1023,16 +1019,15 @@ class FRotateHandleDirective {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference) {
+        this.elementReference = elementReference;
+        this.isDisabled = false;
+    }
 }
 
 const F_SELECTED_CLASS = 'f-selected';
 function mixinChangeSelection(base) {
     return class extends base {
-        constructor(...args) {
-            super(...args);
-            this.fId = '';
-            this.fSelectionDisabled = false;
-        }
         deselect() {
             this.deselectChild?.();
             this.hostElement.classList.remove(F_SELECTED_CLASS);
@@ -1050,6 +1045,11 @@ function mixinChangeSelection(base) {
         }
         deselectChild() {
         }
+        constructor(...args) {
+            super(...args);
+            this.fId = '';
+            this.fSelectionDisabled = false;
+        }
     };
 }
 
@@ -1115,6 +1115,20 @@ class FResizeObserver extends Observable {
 
 let uniqueId$b = 0;
 class FGroupDirective extends FNodeBase {
+    set position(value) {
+        this._position = PointExtensions.castToPoint(value);
+        this.refresh();
+    }
+    get position() {
+        return this._position;
+    }
+    set size(value) {
+        this._size = value;
+        this.refresh();
+    }
+    get size() {
+        return this._size;
+    }
     constructor(elementReference, renderer, fComponentsStore, fMediator, fBrowser) {
         super(elementReference.nativeElement);
         this.renderer = renderer;
@@ -1132,20 +1146,6 @@ class FGroupDirective extends FNodeBase {
         this.fConnectOnNode = true;
         this.connectors = [];
     }
-    set position(value) {
-        this._position = PointExtensions.castToPoint(value);
-        this.refresh();
-    }
-    get position() {
-        return this._position;
-    }
-    set size(value) {
-        this._size = value;
-        this.refresh();
-    }
-    get size() {
-        return this._size;
-    }
     ngOnInit() {
         this.setStyle('position', 'absolute');
         this.setStyle('transform-origin', 'center');
@@ -1196,12 +1196,12 @@ class FGroupDirective extends FNodeBase {
         this.stateChanges.complete();
         this.subscriptions$.unsubscribe();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FGroupDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FGroupDirective, selector: "[fGroup]", inputs: { fId: ["fGroupId", "fId"], fParentId: ["fGroupParentId", "fParentId"], position: ["fGroupPosition", "position"], size: ["fGroupSize", "size"], fDraggingDisabled: ["fGroupDraggingDisabled", "fDraggingDisabled"], fSelectionDisabled: ["fGroupSelectionDisabled", "fSelectionDisabled"], fIncludePadding: "fIncludePadding", fConnectOnNode: "fConnectOnNode" }, outputs: { positionChange: "fGroupPositionChange", sizeChange: "fGroupSizeChange" }, host: { properties: { "attr.data-f-group-id": "fId", "class.f-group-dragging-disabled": "fDraggingDisabled", "class.f-group-selection-disabled": "fSelectionDisabled" }, classAttribute: "f-group f-component" }, providers: [
+            { provide: F_NODE, useExisting: FGroupDirective }
+        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 }); }
 }
-FGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FGroupDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive });
-FGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FGroupDirective, selector: "[fGroup]", inputs: { fId: ["fGroupId", "fId"], fParentId: ["fGroupParentId", "fParentId"], position: ["fGroupPosition", "position"], size: ["fGroupSize", "size"], fDraggingDisabled: ["fGroupDraggingDisabled", "fDraggingDisabled"], fSelectionDisabled: ["fGroupSelectionDisabled", "fSelectionDisabled"], fIncludePadding: "fIncludePadding", fConnectOnNode: "fConnectOnNode" }, outputs: { positionChange: "fGroupPositionChange", sizeChange: "fGroupSizeChange" }, host: { properties: { "attr.data-f-group-id": "fId", "class.f-group-dragging-disabled": "fDraggingDisabled", "class.f-group-selection-disabled": "fSelectionDisabled" }, classAttribute: "f-group f-component" }, providers: [
-        { provide: F_NODE, useExisting: FGroupDirective }
-    ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fGroup]",
@@ -1248,6 +1248,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 let uniqueId$a = 0;
 class FNodeDirective extends FNodeBase {
+    set position(value) {
+        this._position = PointExtensions.castToPoint(value);
+        this.refresh();
+    }
+    get position() {
+        return this._position;
+    }
+    set size(value) {
+        this._size = value;
+        this.refresh();
+    }
+    get size() {
+        return this._size;
+    }
     constructor(elementReference, renderer, fComponentsStore, fMediator, fBrowser) {
         super(elementReference.nativeElement);
         this.renderer = renderer;
@@ -1266,20 +1280,6 @@ class FNodeDirective extends FNodeBase {
         this.fConnectOnNode = true;
         this.connectors = [];
     }
-    set position(value) {
-        this._position = PointExtensions.castToPoint(value);
-        this.refresh();
-    }
-    get position() {
-        return this._position;
-    }
-    set size(value) {
-        this._size = value;
-        this.refresh();
-    }
-    get size() {
-        return this._size;
-    }
     ngOnInit() {
         this.setStyle('position', 'absolute');
         this.setStyle('transform-origin', 'center');
@@ -1330,12 +1330,12 @@ class FNodeDirective extends FNodeBase {
         this.stateChanges.complete();
         this.subscriptions$.unsubscribe();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FNodeDirective, selector: "[fNode]", inputs: { fId: ["fNodeId", "fId"], fParentId: ["fNodeParentId", "fParentId"], position: ["fNodePosition", "position"], size: ["fNodeSize", "size"], fDraggingDisabled: ["fNodeDraggingDisabled", "fDraggingDisabled"], fSelectionDisabled: ["fNodeSelectionDisabled", "fSelectionDisabled"], fIncludePadding: "fIncludePadding", fConnectOnNode: "fConnectOnNode" }, outputs: { positionChange: "fNodePositionChange", sizeChange: "fNodeSizeChange" }, host: { properties: { "attr.data-f-node-id": "fId", "class.f-node-dragging-disabled": "fDraggingDisabled", "class.f-node-selection-disabled": "fSelectionDisabled" }, classAttribute: "f-node f-component" }, providers: [
+            { provide: F_NODE, useExisting: FNodeDirective }
+        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 }); }
 }
-FNodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive });
-FNodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FNodeDirective, selector: "[fNode]", inputs: { fId: ["fNodeId", "fId"], fParentId: ["fNodeParentId", "fParentId"], position: ["fNodePosition", "position"], size: ["fNodeSize", "size"], fDraggingDisabled: ["fNodeDraggingDisabled", "fDraggingDisabled"], fSelectionDisabled: ["fNodeSelectionDisabled", "fSelectionDisabled"], fIncludePadding: "fIncludePadding", fConnectOnNode: "fConnectOnNode" }, outputs: { positionChange: "fNodePositionChange", sizeChange: "fNodeSizeChange" }, host: { properties: { "attr.data-f-node-id": "fId", "class.f-node-dragging-disabled": "fDraggingDisabled", "class.f-node-selection-disabled": "fSelectionDisabled" }, classAttribute: "f-node f-component" }, providers: [
-        { provide: F_NODE, useExisting: FNodeDirective }
-    ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fNode]",
@@ -1389,17 +1389,6 @@ const F_NODE_PROVIDERS = [
 
 let uniqueId$9 = 0;
 class FNodeInputDirective extends FNodeInputBase {
-    constructor(elementReference, fNode, fComponentsStore) {
-        super();
-        this.elementReference = elementReference;
-        this.fNode = fNode;
-        this.fComponentsStore = fComponentsStore;
-        this.id = `f-node-input-${uniqueId$9++}`;
-        this.multiple = true;
-        this.isDisabled = false;
-        this._fConnectableSide = EFConnectableSide.AUTO;
-        this.isConnected = false;
-    }
     get disabled() {
         return this.isDisabled;
     }
@@ -1420,6 +1409,17 @@ class FNodeInputDirective extends FNodeInputBase {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference, fNode, fComponentsStore) {
+        super();
+        this.elementReference = elementReference;
+        this.fNode = fNode;
+        this.fComponentsStore = fComponentsStore;
+        this.id = `f-node-input-${uniqueId$9++}`;
+        this.multiple = true;
+        this.isDisabled = false;
+        this._fConnectableSide = EFConnectableSide.AUTO;
+        this.isConnected = false;
+    }
     ngOnInit() {
         this.fComponentsStore.addComponent(this.fComponentsStore.fInputs, this);
         this.fNode.addConnector(this);
@@ -1432,10 +1432,10 @@ class FNodeInputDirective extends FNodeInputBase {
         this.fNode.removeConnector(this);
         this.fComponentsStore.removeComponent(this.fComponentsStore.fInputs, this);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeInputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FNodeInputDirective, selector: "[fNodeInput]", inputs: { id: ["fInputId", "id"], multiple: ["fInputMultiple", "multiple"], disabled: ["fInputDisabled", "disabled"], _fSide: ["fInputConnectableSide", "_fSide"] }, host: { properties: { "attr.data-f-input-id": "id", "class.f-node-input-multiple": "multiple", "class.f-node-input-disabled": "disabled", "class.f-node-input-not-connectable": "!canBeConnected" }, classAttribute: "f-component f-node-input" }, providers: [{ provide: F_NODE_INPUT, useExisting: FNodeInputDirective }], exportAs: ["fNodeInput"], usesInheritance: true, ngImport: i0 }); }
 }
-FNodeInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeInputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive });
-FNodeInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FNodeInputDirective, selector: "[fNodeInput]", inputs: { id: ["fInputId", "id"], multiple: ["fInputMultiple", "multiple"], disabled: ["fInputDisabled", "disabled"], _fSide: ["fInputConnectableSide", "_fSide"] }, host: { properties: { "attr.data-f-input-id": "id", "class.f-node-input-multiple": "multiple", "class.f-node-input-disabled": "disabled", "class.f-node-input-not-connectable": "!canBeConnected" }, classAttribute: "f-component f-node-input" }, providers: [{ provide: F_NODE_INPUT, useExisting: FNodeInputDirective }], exportAs: ["fNodeInput"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fNodeInput]",
@@ -1479,10 +1479,10 @@ class FNodeOutletBase extends FConnectorBase {
     setOutputs(outputs) {
         this.outputs = outputs;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutletBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FNodeOutletBase, usesInheritance: true, ngImport: i0 }); }
 }
-FNodeOutletBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutletBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-FNodeOutletBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FNodeOutletBase, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutletBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutletBase, decorators: [{
             type: Directive
         }] });
 
@@ -1492,17 +1492,6 @@ function isNodeOutlet(element) {
 
 let uniqueId$8 = 0;
 class FNodeOutletDirective extends FNodeOutletBase {
-    constructor(elementReference, fNode, fComponentsStore) {
-        super();
-        this.elementReference = elementReference;
-        this.fNode = fNode;
-        this.fComponentsStore = fComponentsStore;
-        this.id = `f-node-outlet-${uniqueId$8++}`;
-        this.isDisabled = false;
-        this.fConnectableSide = EFConnectableSide.AUTO;
-        this._fConnectableSide = EFConnectableSide.AUTO;
-        this.isConnectionFromOutlet = false;
-    }
     get disabled() {
         return this.isDisabled;
     }
@@ -1516,6 +1505,17 @@ class FNodeOutletDirective extends FNodeOutletBase {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference, fNode, fComponentsStore) {
+        super();
+        this.elementReference = elementReference;
+        this.fNode = fNode;
+        this.fComponentsStore = fComponentsStore;
+        this.id = `f-node-outlet-${uniqueId$8++}`;
+        this.isDisabled = false;
+        this.fConnectableSide = EFConnectableSide.AUTO;
+        this._fConnectableSide = EFConnectableSide.AUTO;
+        this.isConnectionFromOutlet = false;
+    }
     ngOnInit() {
         if (!this.fNode) {
             throw new Error('fNodeOutlet must be inside fNode Directive');
@@ -1525,10 +1525,10 @@ class FNodeOutletDirective extends FNodeOutletBase {
     ngOnDestroy() {
         this.fComponentsStore.removeComponent(this.fComponentsStore.fOutlets, this);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutletDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FNodeOutletDirective, selector: "[fNodeOutlet]", inputs: { id: ["fOutletId", "id"], disabled: ["fOutletDisabled", "disabled"], isConnectionFromOutlet: "isConnectionFromOutlet" }, host: { properties: { "attr.data-f-outlet-id": "id", "class.f-node-outlet-disabled": "disabled" }, classAttribute: "f-component f-node-outlet" }, providers: [{ provide: F_NODE_OUTLET, useExisting: FNodeOutletDirective }], exportAs: ["fNodeOutlet"], usesInheritance: true, ngImport: i0 }); }
 }
-FNodeOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutletDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive });
-FNodeOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FNodeOutletDirective, selector: "[fNodeOutlet]", inputs: { id: ["fOutletId", "id"], disabled: ["fOutletDisabled", "disabled"], isConnectionFromOutlet: "isConnectionFromOutlet" }, host: { properties: { "attr.data-f-outlet-id": "id", "class.f-node-outlet-disabled": "disabled" }, classAttribute: "f-component f-node-outlet" }, providers: [{ provide: F_NODE_OUTLET, useExisting: FNodeOutletDirective }], exportAs: ["fNodeOutlet"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutletDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutletDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fNodeOutlet]",
@@ -1562,10 +1562,10 @@ class FNodeOutputBase extends FConnectorBase {
     get canBeConnected() {
         return !this.disabled && (this.multiple ? true : !this.isConnected);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FNodeOutputBase, usesInheritance: true, ngImport: i0 }); }
 }
-FNodeOutputBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-FNodeOutputBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FNodeOutputBase, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutputBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutputBase, decorators: [{
             type: Directive
         }] });
 
@@ -1575,18 +1575,6 @@ function isNodeOutput(element) {
 
 let uniqueId$7 = 0;
 class FNodeOutputDirective extends FNodeOutputBase {
-    constructor(elementReference, fNode, fComponentsStore) {
-        super();
-        this.elementReference = elementReference;
-        this.fNode = fNode;
-        this.fComponentsStore = fComponentsStore;
-        this.id = `f-node-output-${uniqueId$7++}`;
-        this.multiple = false;
-        this.isDisabled = false;
-        this._fConnectableSide = EFConnectableSide.AUTO;
-        this.isConnected = false;
-        this.isSelfConnectable = true;
-    }
     get disabled() {
         return this.isDisabled;
     }
@@ -1607,6 +1595,18 @@ class FNodeOutputDirective extends FNodeOutputBase {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference, fNode, fComponentsStore) {
+        super();
+        this.elementReference = elementReference;
+        this.fNode = fNode;
+        this.fComponentsStore = fComponentsStore;
+        this.id = `f-node-output-${uniqueId$7++}`;
+        this.multiple = false;
+        this.isDisabled = false;
+        this._fConnectableSide = EFConnectableSide.AUTO;
+        this.isConnected = false;
+        this.isSelfConnectable = true;
+    }
     ngOnInit() {
         if (!this.fNode) {
             throw new Error('fNodeOutput must be inside fNode Directive');
@@ -1622,10 +1622,10 @@ class FNodeOutputDirective extends FNodeOutputBase {
         this.fNode.removeConnector(this);
         this.fComponentsStore.removeComponent(this.fComponentsStore.fOutputs, this);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FNodeOutputDirective, selector: "[fNodeOutput]", inputs: { id: ["fOutputId", "id"], multiple: ["fOutputMultiple", "multiple"], disabled: ["fOutputDisabled", "disabled"], _fSide: ["fOutputConnectableSide", "_fSide"], isSelfConnectable: "isSelfConnectable" }, host: { properties: { "attr.data-f-output-id": "id", "class.f-node-output-multiple": "multiple", "class.f-node-output-disabled": "disabled", "class.f-node-output-not-connectable": "!canBeConnected", "class.f-node-output-self-connectable": "isSelfConnectable" }, classAttribute: "f-component f-node-output" }, providers: [{ provide: F_NODE_OUTPUT, useExisting: FNodeOutputDirective }], exportAs: ["fNodeOutput"], usesInheritance: true, ngImport: i0 }); }
 }
-FNodeOutputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive });
-FNodeOutputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FNodeOutputDirective, selector: "[fNodeOutput]", inputs: { id: ["fOutputId", "id"], multiple: ["fOutputMultiple", "multiple"], disabled: ["fOutputDisabled", "disabled"], _fSide: ["fOutputConnectableSide", "_fSide"], isSelfConnectable: "isSelfConnectable" }, host: { properties: { "attr.data-f-output-id": "id", "class.f-node-output-multiple": "multiple", "class.f-node-output-disabled": "disabled", "class.f-node-output-not-connectable": "!canBeConnected", "class.f-node-output-self-connectable": "isSelfConnectable" }, classAttribute: "f-component f-node-output" }, providers: [{ provide: F_NODE_OUTPUT, useExisting: FNodeOutputDirective }], exportAs: ["fNodeOutput"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FNodeOutputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FNodeOutputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fNodeOutput]",
@@ -1710,15 +1710,15 @@ class GetCanBeConnectedOutputByOutletRequest {
 }
 
 let GetCanBeConnectedOutputByOutletExecution = class GetCanBeConnectedOutputByOutletExecution {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
     get fNodes() {
         return this.fComponentsStore.fNodes;
     }
     get fOutputs() {
         return this.fComponentsStore.fOutputs;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
     handle(request) {
         const outputs = this.getConnectableOutputs(this.getNode(request.outlet));
         if (!outputs.length) {
@@ -1734,33 +1734,33 @@ let GetCanBeConnectedOutputByOutletExecution = class GetCanBeConnectedOutputByOu
     getNode(outlet) {
         return this.fNodes.find((x) => x.isContains(outlet.hostElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeConnectedOutputByOutletExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeConnectedOutputByOutletExecution }); }
 };
-GetCanBeConnectedOutputByOutletExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeConnectedOutputByOutletExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetCanBeConnectedOutputByOutletExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeConnectedOutputByOutletExecution });
 GetCanBeConnectedOutputByOutletExecution = __decorate([
     FExecutionRegister(GetCanBeConnectedOutputByOutletRequest)
 ], GetCanBeConnectedOutputByOutletExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeConnectedOutputByOutletExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeConnectedOutputByOutletExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
 let GetCanBeConnectedOutputByOutletValidator = class GetCanBeConnectedOutputByOutletValidator {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
     get fNodes() {
         return this.fComponentsStore.fNodes;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
     handle(request) {
         return !!this.fNodes.find((x) => x.isContains(request.outlet.hostElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeConnectedOutputByOutletValidator, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeConnectedOutputByOutletValidator }); }
 };
-GetCanBeConnectedOutputByOutletValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeConnectedOutputByOutletValidator, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetCanBeConnectedOutputByOutletValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeConnectedOutputByOutletValidator });
 GetCanBeConnectedOutputByOutletValidator = __decorate([
     FValidatorRegister(GetCanBeConnectedOutputByOutletRequest)
 ], GetCanBeConnectedOutputByOutletValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeConnectedOutputByOutletValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeConnectedOutputByOutletValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -1780,17 +1780,17 @@ class GetInputUnderPointerRequest {
 }
 
 let GetInputUnderPointerExecution = class GetInputUnderPointerExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fBrowser) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fBrowser = fBrowser;
-    }
     get fNodes() {
         return this.fComponentsStore.fNodes;
     }
     get fInputs() {
         return this.fComponentsStore.fInputs;
     }
+    constructor(fComponentsStore, fDraggableDataContext, fBrowser) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fBrowser = fBrowser;
+    }
     handle(payload) {
         const output = (this.getOutput(payload.dragHandler) || this.getOutlet(payload.dragHandler));
         const inputsUnderPointer = this.getInputsUnderPointer(payload.event.getPosition(), payload.dragHandler);
@@ -1844,13 +1844,13 @@ let GetInputUnderPointerExecution = class GetInputUnderPointerExecution {
             return sourceNode?.hostElement !== targetNode?.hostElement;
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetInputUnderPointerExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetInputUnderPointerExecution }); }
 };
-GetInputUnderPointerExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetInputUnderPointerExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-GetInputUnderPointerExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetInputUnderPointerExecution });
 GetInputUnderPointerExecution = __decorate([
     FExecutionRegister(GetInputUnderPointerRequest)
 ], GetInputUnderPointerExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetInputUnderPointerExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetInputUnderPointerExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i1.BrowserService }]; } });
 
@@ -1871,25 +1871,25 @@ let GetInputUnderPointerValidator = class GetInputUnderPointerValidator {
     getOutlet(dragHandler) {
         return this.fComponentsStore.fOutlets.find((x) => x.id === dragHandler.fConnection.fOutputId);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetInputUnderPointerValidator, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetInputUnderPointerValidator }); }
 };
-GetInputUnderPointerValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetInputUnderPointerValidator, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetInputUnderPointerValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetInputUnderPointerValidator });
 GetInputUnderPointerValidator = __decorate([
     FValidatorRegister(GetInputUnderPointerRequest)
 ], GetInputUnderPointerValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetInputUnderPointerValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetInputUnderPointerValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
 let CreateConnectionFinalizeExecution = class CreateConnectionFinalizeExecution {
+    get dragHandler() {
+        return this.fDraggableDataContext.draggableItems[0];
+    }
     constructor(fComponentsStore, fDraggableDataContext, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
         this.fMediator = fMediator;
     }
-    get dragHandler() {
-        return this.fDraggableDataContext.draggableItems[0];
-    }
     handle(request) {
         this.emitEvent(request.event);
         this.dragHandler.complete();
@@ -1912,17 +1912,23 @@ let CreateConnectionFinalizeExecution = class CreateConnectionFinalizeExecution
     getInputUnderPointer(event) {
         return this.fMediator.send(new GetInputUnderPointerRequest(event, this.dragHandler));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFinalizeExecution }); }
 };
-CreateConnectionFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFinalizeExecution });
 CreateConnectionFinalizeExecution = __decorate([
     FExecutionRegister(CreateConnectionFinalizeRequest)
 ], CreateConnectionFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
 class CreateConnectionDragHandler {
+    get fConnection() {
+        return this.fComponentsStore.fTempConnection;
+    }
+    get fSnapConnection() {
+        return this.fComponentsStore.fSnapConnection;
+    }
     constructor(fMediator, fComponentsStore, fOutput, onPointerDownPosition) {
         this.fMediator = fMediator;
         this.fComponentsStore = fComponentsStore;
@@ -1931,12 +1937,6 @@ class CreateConnectionDragHandler {
         this.toConnectorRect = new RoundedRect();
         this.canBeConnectedInputs = [];
     }
-    get fConnection() {
-        return this.fComponentsStore.fTempConnection;
-    }
-    get fSnapConnection() {
-        return this.fComponentsStore.fSnapConnection;
-    }
     initialize() {
         if (this.fSnapConnection) {
             this.fSnapConnection.fOutputId = this.fOutput.id;
@@ -1987,13 +1987,13 @@ let CreateConnectionFinalizeValidator = class CreateConnectionFinalizeValidator
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof CreateConnectionDragHandler);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFinalizeValidator }); }
 };
-CreateConnectionFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFinalizeValidator });
 CreateConnectionFinalizeValidator = __decorate([
     FValidatorRegister(CreateConnectionFinalizeRequest)
 ], CreateConnectionFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -2005,17 +2005,17 @@ class CreateConnectionDragHandlerRequest {
 }
 
 let CreateConnectionDragHandlerExecution = class CreateConnectionDragHandlerExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
     get flowHost() {
         return this.fComponentsStore.flowHost;
     }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+    }
     handle(request) {
         this.fDraggableDataContext.onPointerDownScale = this.transform.scale;
         const positionRelativeToFlowComponent = Point.fromPoint(request.onPointerDownPosition)
@@ -2027,13 +2027,13 @@ let CreateConnectionDragHandlerExecution = class CreateConnectionDragHandlerExec
             new CreateConnectionDragHandler(this.fMediator, this.fComponentsStore, request.connector, positionRelativeToCanvasComponent)
         ];
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionDragHandlerExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionDragHandlerExecution }); }
 };
-CreateConnectionDragHandlerExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionDragHandlerExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionDragHandlerExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionDragHandlerExecution });
 CreateConnectionDragHandlerExecution = __decorate([
     FExecutionRegister(CreateConnectionDragHandlerRequest)
 ], CreateConnectionDragHandlerExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionDragHandlerExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionDragHandlerExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -2075,13 +2075,13 @@ let CreateConnectionFromOutletPreparationExecution = class CreateConnectionFromO
     createDragHandler(position, output) {
         this.fMediator.send(new CreateConnectionDragHandlerRequest(position, output));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutletPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutletPreparationExecution }); }
 };
-CreateConnectionFromOutletPreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutletPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionFromOutletPreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutletPreparationExecution });
 CreateConnectionFromOutletPreparationExecution = __decorate([
     FExecutionRegister(CreateConnectionFromOutletPreparationRequest)
 ], CreateConnectionFromOutletPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutletPreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutletPreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -2111,13 +2111,13 @@ let CreateConnectionFromOutputPreparationExecution = class CreateConnectionFromO
     createDragHandler(position, output) {
         this.fMediator.send(new CreateConnectionDragHandlerRequest(position, output));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutputPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutputPreparationExecution }); }
 };
-CreateConnectionFromOutputPreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutputPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionFromOutputPreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutputPreparationExecution });
 CreateConnectionFromOutputPreparationExecution = __decorate([
     FExecutionRegister(CreateConnectionFromOutputPreparationRequest)
 ], CreateConnectionFromOutputPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutputPreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutputPreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -2137,13 +2137,13 @@ let CreateConnectionFromOutputPreparationValidator = class CreateConnectionFromO
     getOutlets(node) {
         return this.fComponentsStore.fOutlets.filter((x) => node.isContains(x.hostElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutputPreparationValidator, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutputPreparationValidator }); }
 };
-CreateConnectionFromOutputPreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutputPreparationValidator, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionFromOutputPreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutputPreparationValidator });
 CreateConnectionFromOutputPreparationValidator = __decorate([
     FValidatorRegister(CreateConnectionFromOutputPreparationRequest)
 ], CreateConnectionFromOutputPreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionFromOutputPreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionFromOutputPreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -2175,13 +2175,13 @@ let CreateConnectionPreparationExecution = class CreateConnectionPreparationExec
     getOutlets(node) {
         return this.fComponentsStore.fOutlets.filter((x) => node.isContains(x.hostElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionPreparationExecution }); }
 };
-CreateConnectionPreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionPreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionPreparationExecution });
 CreateConnectionPreparationExecution = __decorate([
     FExecutionRegister(CreateConnectionPreparationRequest)
 ], CreateConnectionPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionPreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionPreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -2199,13 +2199,13 @@ let CreateConnectionPreparationValidator = class CreateConnectionPreparationVali
     isValidConditions() {
         return !this.fDraggableDataContext.draggableItems.length && !!this.fComponentsStore.fTempConnection;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionPreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionPreparationValidator }); }
 };
-CreateConnectionPreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionPreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateConnectionPreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionPreparationValidator });
 CreateConnectionPreparationValidator = __decorate([
     FValidatorRegister(CreateConnectionPreparationRequest)
 ], CreateConnectionPreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateConnectionPreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateConnectionPreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -2225,17 +2225,17 @@ class FReassignConnectionEvent {
 }
 
 let ReassignConnectionFinalizeExecution = class ReassignConnectionFinalizeExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
     get fDraggable() {
         return this.fComponentsStore.fDraggable;
     }
     get dragHandler() {
         return this.fDraggableDataContext.draggableItems[0];
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+    }
     handle(request) {
         this.emitEvent(request.event);
         this.dragHandler.complete();
@@ -2253,17 +2253,20 @@ let ReassignConnectionFinalizeExecution = class ReassignConnectionFinalizeExecut
     isReassignToDifferentInput(inputsUnderPointer) {
         return this.dragHandler.fConnection.fInputId !== inputsUnderPointer.id;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionFinalizeExecution }); }
 };
-ReassignConnectionFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-ReassignConnectionFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionFinalizeExecution });
 ReassignConnectionFinalizeExecution = __decorate([
     FExecutionRegister(ReassignConnectionFinalizeRequest)
 ], ReassignConnectionFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
 class ReassignConnectionDragHandler {
+    get fSnapConnection() {
+        return this.fComponentsStore.fSnapConnection;
+    }
     constructor(fMediator, fComponentsStore, fConnection) {
         this.fMediator = fMediator;
         this.fComponentsStore = fComponentsStore;
@@ -2271,9 +2274,6 @@ class ReassignConnectionDragHandler {
         this.toConnectorRect = new RoundedRect();
         this.canBeConnectedInputs = [];
     }
-    get fSnapConnection() {
-        return this.fComponentsStore.fSnapConnection;
-    }
     initialize() {
         if (this.fSnapConnection) {
             this.fSnapConnection.fOutputId = this.fConnection.fOutputId;
@@ -2326,13 +2326,13 @@ let ReassignConnectionFinalizeValidator = class ReassignConnectionFinalizeValida
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof ReassignConnectionDragHandler);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionFinalizeValidator }); }
 };
-ReassignConnectionFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-ReassignConnectionFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionFinalizeValidator });
 ReassignConnectionFinalizeValidator = __decorate([
     FValidatorRegister(ReassignConnectionFinalizeRequest)
 ], ReassignConnectionFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -2607,6 +2607,12 @@ const F_CONNECTION_IDENTIFIERS = {
 const F_CONNECTION = new InjectionToken('F_CONNECTION');
 
 class FConnectionTextPathDirective {
+    get linkToConnection() {
+        return F_CONNECTION_IDENTIFIERS.linkToConnection(this.base.fId + this.base.fOutputId + this.base.fInputId);
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference, base, fBrowser) {
         this.elementReference = elementReference;
         this.base = base;
@@ -2614,12 +2620,6 @@ class FConnectionTextPathDirective {
         this.symbolWidth = 8;
         this.fontSize = '12px';
     }
-    get linkToConnection() {
-        return F_CONNECTION_IDENTIFIERS.linkToConnection(this.base.fId + this.base.fOutputId + this.base.fInputId);
-    }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     ngOnInit() {
         this.hostElement.setAttribute('startOffset', '50%');
         this.hostElement.setAttribute('text-anchor', `middle`);
@@ -2655,10 +2655,10 @@ class FConnectionTextPathDirective {
         const symbolWidth = metrics.width / text.length;
         return symbolWidth;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionTextPathDirective, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]", host: { properties: { "attr.href": "linkToConnection" } }, ngImport: i0 }); }
 }
-FConnectionTextPathDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionTextPathDirective, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive });
-FConnectionTextPathDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]", host: { properties: { "attr.href": "linkToConnection" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionTextPathDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionTextPathDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textPath[f-connection-text-path]',
@@ -2674,10 +2674,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 const CONNECTION_TEXT = new InjectionToken('CONNECTION_TEXT');
 
 class FConnectionTextComponent {
-    constructor(elementReference, base) {
-        this.elementReference = elementReference;
-        this.base = base;
-    }
     get textId() {
         return F_CONNECTION_IDENTIFIERS.textId(this.base.fId + this.base.fOutputId + this.base.fInputId);
     }
@@ -2687,6 +2683,10 @@ class FConnectionTextComponent {
     get text() {
         return this.base.fText || '';
     }
+    constructor(elementReference, base) {
+        this.elementReference = elementReference;
+        this.base = base;
+    }
     redraw(line) {
         const isTextReverse = FConnectionTextComponent.isTextReverse(line);
         const dyValue = this.calculateDy(this.textPathDirective.fontSize, isTextReverse);
@@ -2714,10 +2714,10 @@ class FConnectionTextComponent {
         const vectorLength = PointExtensions.hypotenuse(line.point1, line.point2);
         return vectorLength / 2 - ((name || '').length * symbolWidth) / 2;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionTextComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionTextComponent, selector: "text[f-connection-text]", host: { properties: { "attr.id": "textId" }, classAttribute: "f-component f-connection-text" }, providers: [{ provide: CONNECTION_TEXT, useExisting: FConnectionTextComponent }], viewQueries: [{ propertyName: "textPathDirective", first: true, predicate: FConnectionTextPathDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:textPath f-connection-text-path>\n        {{ text }}\n    </svg:textPath>\n</ng-container>\n", dependencies: [{ kind: "directive", type: FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FConnectionTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionTextComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component });
-FConnectionTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionTextComponent, selector: "text[f-connection-text]", host: { properties: { "attr.id": "textId" }, classAttribute: "f-component f-connection-text" }, providers: [{ provide: CONNECTION_TEXT, useExisting: FConnectionTextComponent }], viewQueries: [{ propertyName: "textPathDirective", first: true, predicate: FConnectionTextPathDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:textPath f-connection-text-path>\n        {{ text }}\n    </svg:textPath>\n</ng-container>\n", dependencies: [{ kind: "directive", type: FConnectionTextPathDirective, selector: "textPath[f-connection-text-path]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionTextComponent, decorators: [{
             type: Component,
             args: [{ selector: "text[f-connection-text]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "f-component f-connection-text",
@@ -2733,13 +2733,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 const F_CONNECTION_DRAG_HANDLE_CLASS = 'f-connection-drag-handle';
 class FConnectionDragHandleComponent {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference) {
         this.elementReference = elementReference;
         this.class = F_CONNECTION_DRAG_HANDLE_CLASS;
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     redraw(penultimatePoint, endPoint) {
         const point = this.calculateCircleCenter(penultimatePoint, endPoint, 8);
         this.hostElement.setAttribute('cx', point.x.toString());
@@ -2752,10 +2752,10 @@ class FConnectionDragHandleComponent {
         const scaledDirection = { x: unitDirection.x * radius, y: unitDirection.y * radius };
         return { x: end.x - scaledDirection.x, y: end.y - scaledDirection.y };
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionDragHandleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]", host: { properties: { "class": "class" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FConnectionDragHandleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionDragHandleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FConnectionDragHandleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]", host: { properties: { "class": "class" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionDragHandleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionDragHandleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "circle[f-connection-drag-handle]",
@@ -2770,10 +2770,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 const CONNECTION_GRADIENT = new InjectionToken('CONNECTION_GRADIENT');
 
 class FConnectionGradientComponent {
-    constructor(elementReference, base) {
-        this.elementReference = elementReference;
-        this.base = base;
-    }
     get gradientId() {
         return F_CONNECTION_IDENTIFIERS.gradientId(this.base.fId + this.base.fOutputId + this.base.fInputId);
     }
@@ -2786,6 +2782,10 @@ class FConnectionGradientComponent {
     get stop2Element() {
         return this.elementReference.nativeElement.children.item(1);
     }
+    constructor(elementReference, base) {
+        this.elementReference = elementReference;
+        this.base = base;
+    }
     initialize() {
         this.stop1Element.setAttribute('offset', '0%');
         this.stop2Element.setAttribute('offset', '100%');
@@ -2812,10 +2812,10 @@ class FConnectionGradientComponent {
         this.hostElement.setAttribute('y2', to.y.toString());
         this.updateGradient();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionGradientComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]", host: { properties: { "attr.id": "gradientId" }, classAttribute: "f-component f-connection-gradient" }, providers: [{ provide: CONNECTION_GRADIENT, useExisting: FConnectionGradientComponent }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:stop/>\n    <svg:stop/>\n</ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FConnectionGradientComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionGradientComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component });
-FConnectionGradientComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]", host: { properties: { "attr.id": "gradientId" }, classAttribute: "f-component f-connection-gradient" }, providers: [{ provide: CONNECTION_GRADIENT, useExisting: FConnectionGradientComponent }], ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:stop/>\n    <svg:stop/>\n</ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionGradientComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionGradientComponent, decorators: [{
             type: Component,
             args: [{ selector: "linearGradient[fConnectionGradient]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "f-component f-connection-gradient",
@@ -2842,10 +2842,6 @@ function getMarkerSelectedEndId(fConnectionId) {
 }
 
 class FConnectionPathComponent {
-    constructor(elementReference, base) {
-        this.elementReference = elementReference;
-        this.base = base;
-    }
     get fPathId() {
         return this.base.fId;
     }
@@ -2858,6 +2854,10 @@ class FConnectionPathComponent {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference, base) {
+        this.elementReference = elementReference;
+        this.base = base;
+    }
     initialize() {
         this.deselect();
     }
@@ -2872,10 +2872,10 @@ class FConnectionPathComponent {
         this.hostElement.setAttribute('marker-start', `url(#${getMarkerStartId(this.base.fId)})`);
         this.hostElement.setAttribute('marker-end', `url(#${getMarkerEndId(this.base.fId)})`);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionPathComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionPathComponent, selector: "path[f-connection-path]", host: { properties: { "attr.id": "attrConnectionId", "attr.data-f-path-id": "fPathId", "attr.stroke": "linkToGradient" }, classAttribute: "f-component f-connection-path" }, providers: [{ provide: CONNECTION_PATH, useExisting: FConnectionPathComponent }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FConnectionPathComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionPathComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component });
-FConnectionPathComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionPathComponent, selector: "path[f-connection-path]", host: { properties: { "attr.id": "attrConnectionId", "attr.data-f-path-id": "fPathId", "attr.stroke": "linkToGradient" }, classAttribute: "f-component f-connection-path" }, providers: [{ provide: CONNECTION_PATH, useExisting: FConnectionPathComponent }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionPathComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionPathComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "path[f-connection-path]",
@@ -2895,23 +2895,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }] }]; } });
 
 class FConnectionSelectionComponent {
-    constructor(elementReference, base) {
-        this.elementReference = elementReference;
-        this.base = base;
-    }
     get connectionForSelectionId() {
         return F_CONNECTION_IDENTIFIERS.connectionForSelectionId(this.base.fId + this.base.fOutputId + this.base.fInputId);
     }
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference, base) {
+        this.elementReference = elementReference;
+        this.base = base;
+    }
     setPath(path) {
         this.hostElement.setAttribute("d", `${path}`);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionSelectionComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]", host: { properties: { "attr.id": "connectionForSelectionId" }, classAttribute: "f-component f-connection-selection" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FConnectionSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionSelectionComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component });
-FConnectionSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]", host: { properties: { "attr.id": "connectionForSelectionId" }, classAttribute: "f-component f-connection-selection" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionSelectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionSelectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "path[fConnectionSelection]",
@@ -2947,10 +2947,10 @@ class FConnectionFactory {
         }
         return builder.handle(request.payload);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionFactory, deps: [{ token: F_CONNECTION_BUILDERS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionFactory }); }
 }
-FConnectionFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionFactory, deps: [{ token: F_CONNECTION_BUILDERS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-FConnectionFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionFactory });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionFactory, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
@@ -2979,7 +2979,7 @@ class FConnectionBase extends MIXIN_BASE {
         this.redraw();
     }
     isContains(element) {
-        return this.hostElement.firstChild?.lastChild.contains(element);
+        return (this.hostElement.firstChild?.lastChild).contains(element);
     }
     setLine(source, sourceSide, target, targetSide) {
         this.line = LineExtensions.initialize(source, target);
@@ -3012,10 +3012,10 @@ class FConnectionBase extends MIXIN_BASE {
         this.fDragHandle.redraw(this.penultimatePoint, this.line.point2);
         this.fTextComponent.redraw(this.line);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionBase, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionBase, usesInheritance: true, ngImport: i0 }); }
 }
-FConnectionBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionBase, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }], target: i0.ɵɵFactoryTarget.Directive });
-FConnectionBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionBase, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: FConnectionFactory }]; } });
 
@@ -3034,10 +3034,10 @@ var EFConnectionType;
 })(EFConnectionType || (EFConnectionType = {}));
 
 class FConnectionCenterDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionCenterDirective, selector: "[fConnectionCenter]", ngImport: i0 }); }
 }
-FConnectionCenterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FConnectionCenterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionCenterDirective, selector: "[fConnectionCenter]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionCenterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionCenterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fConnectionCenter]"
@@ -3046,20 +3046,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 let uniqueId$6 = 0;
 class FConnectionForCreateComponent extends FConnectionBase {
-    constructor(elementReference, fConnectionFactory, fComponentsStore) {
-        super(elementReference, fConnectionFactory);
-        this.fComponentsStore = fComponentsStore;
-        this.fId = `f-connection-for-create-${uniqueId$6++}`;
-        this.fText = '';
-        this._fStartColor = 'black';
-        this._fEndColor = 'black';
-        this._fRadius = 8;
-        this._fOffset = 32;
-        this._behavior = EFConnectionBehavior.FIXED;
-        this._type = EFConnectionType.STRAIGHT;
-        this.fDraggingDisabled = false;
-        this.fSelectionDisabled = false;
-    }
     set fStartColor(value) {
         this._fStartColor = value;
         this.fComponentsStore.componentDataChanged();
@@ -3105,6 +3091,20 @@ class FConnectionForCreateComponent extends FConnectionBase {
     get boundingElement() {
         return this.fPath.hostElement;
     }
+    constructor(elementReference, fConnectionFactory, fComponentsStore) {
+        super(elementReference, fConnectionFactory);
+        this.fComponentsStore = fComponentsStore;
+        this.fId = `f-connection-for-create-${uniqueId$6++}`;
+        this.fText = '';
+        this._fStartColor = 'black';
+        this._fEndColor = 'black';
+        this._fRadius = 8;
+        this._fOffset = 32;
+        this._behavior = EFConnectionBehavior.FIXED;
+        this._type = EFConnectionType.STRAIGHT;
+        this.fDraggingDisabled = false;
+        this.fSelectionDisabled = false;
+    }
     ngOnInit() {
         this.fComponentsStore.fTempConnection = this;
     }
@@ -3114,10 +3114,10 @@ class FConnectionForCreateComponent extends FConnectionBase {
     ngOnDestroy() {
         this.fComponentsStore.fTempConnection = undefined;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionForCreateComponent, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionForCreateComponent, selector: "f-connection-for-create", inputs: { fStartColor: "fStartColor", fEndColor: "fEndColor", fRadius: "fRadius", fOffset: "fOffset", fBehavior: "fBehavior", fType: "fType" }, host: { classAttribute: "f-component f-connection f-connection-for-create" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionForCreateComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <defs #defs></defs>\n    <g class=\"f-connection-group\">\n        <linearGradient fConnectionGradient></linearGradient>\n        <path fConnectionSelection [attr.d]=\"path\"></path>\n        <g>\n            <path f-connection-path\n                  [attr.d]=\"path\">\n            </path>\n            <circle f-connection-drag-handle r=\"8\"></circle>\n        </g>\n        <text f-connection-text></text>\n    </g>\n    <ng-content></ng-content>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FConnectionForCreateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionForCreateComponent, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component });
-FConnectionForCreateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionForCreateComponent, selector: "f-connection-for-create", inputs: { fStartColor: "fStartColor", fEndColor: "fEndColor", fRadius: "fRadius", fOffset: "fOffset", fBehavior: "fBehavior", fType: "fType" }, host: { classAttribute: "f-component f-connection f-connection-for-create" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionForCreateComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <defs #defs></defs>\n    <g class=\"f-connection-group\">\n        <linearGradient fConnectionGradient></linearGradient>\n        <path fConnectionSelection [attr.d]=\"path\"></path>\n        <g>\n            <path f-connection-path\n                  [attr.d]=\"path\">\n            </path>\n            <circle f-connection-drag-handle r=\"8\"></circle>\n        </g>\n        <text f-connection-text></text>\n    </g>\n    <ng-content></ng-content>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionForCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionForCreateComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-connection-for-create", changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "f-component f-connection f-connection-for-create"
@@ -3162,20 +3162,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 let uniqueId$5 = 0;
 class FConnectionComponent extends FConnectionBase {
-    constructor(elementReference, fConnectionFactory, fComponentsStore) {
-        super(elementReference, fConnectionFactory);
-        this.fComponentsStore = fComponentsStore;
-        this.fId = `f-connection-${uniqueId$5++}`;
-        this._fText = '';
-        this._fStartColor = 'black';
-        this._fEndColor = 'black';
-        this._fRadius = 8;
-        this._fOffset = 32;
-        this._behavior = EFConnectionBehavior.FIXED;
-        this._type = EFConnectionType.STRAIGHT;
-        this.fDraggingDisabled = false;
-        this.fSelectionDisabled = false;
-    }
     set fText(value) {
         this._fText = value;
         this.fComponentsStore.componentDataChanged();
@@ -3242,16 +3228,30 @@ class FConnectionComponent extends FConnectionBase {
     get boundingElement() {
         return this.fPath.hostElement;
     }
+    constructor(elementReference, fConnectionFactory, fComponentsStore) {
+        super(elementReference, fConnectionFactory);
+        this.fComponentsStore = fComponentsStore;
+        this.fId = `f-connection-${uniqueId$5++}`;
+        this._fText = '';
+        this._fStartColor = 'black';
+        this._fEndColor = 'black';
+        this._fRadius = 8;
+        this._fOffset = 32;
+        this._behavior = EFConnectionBehavior.FIXED;
+        this._type = EFConnectionType.STRAIGHT;
+        this.fDraggingDisabled = false;
+        this.fSelectionDisabled = false;
+    }
     ngOnInit() {
         this.fComponentsStore.addComponent(this.fComponentsStore.fConnections, this);
     }
     ngOnDestroy() {
         this.fComponentsStore.removeComponent(this.fComponentsStore.fConnections, this);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionComponent, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FConnectionComponent, selector: "f-connection", inputs: { fId: ["fConnectionId", "fId"], fText: "fText", fStartColor: "fStartColor", fEndColor: "fEndColor", fOutputId: "fOutputId", fInputId: "fInputId", fRadius: "fRadius", fOffset: "fOffset", fBehavior: "fBehavior", fType: "fType", fDraggingDisabled: ["fReassignDisabled", "fDraggingDisabled"], fSelectionDisabled: "fSelectionDisabled" }, host: { properties: { "attr.id": "fId", "class.f-connection-selection-disabled": "fSelectionDisabled", "class.f-connection-reassign-disabled": "fDraggingDisabled" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"overflow: visible; display: block; vertical-align: middle;\">\n  <defs #defs></defs>\n  <ng-content></ng-content>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle r=\"8\"></circle>\n    </g>\n    <text f-connection-text></text>\n  </g>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n  <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FConnectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionComponent, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component });
-FConnectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FConnectionComponent, selector: "f-connection", inputs: { fId: ["fConnectionId", "fId"], fText: "fText", fStartColor: "fStartColor", fEndColor: "fEndColor", fOutputId: "fOutputId", fInputId: "fInputId", fRadius: "fRadius", fOffset: "fOffset", fBehavior: "fBehavior", fType: "fType", fDraggingDisabled: ["fReassignDisabled", "fDraggingDisabled"], fSelectionDisabled: "fSelectionDisabled" }, host: { properties: { "attr.id": "fId", "class.f-connection-selection-disabled": "fSelectionDisabled", "class.f-connection-reassign-disabled": "fDraggingDisabled" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"overflow: visible; display: block; vertical-align: middle;\">\n  <defs #defs></defs>\n  <ng-content></ng-content>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle r=\"8\"></circle>\n    </g>\n    <text f-connection-text></text>\n  </g>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n  <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FConnectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FConnectionComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-connection", exportAs: 'fComponent', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.id]': 'fId',
@@ -3321,14 +3321,17 @@ var EFMarkerType;
 
 const F_MARKER = new InjectionToken('F_MARKER');
 class FMarkerBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMarkerBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FMarkerBase, ngImport: i0 }); }
 }
-FMarkerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMarkerBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FMarkerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FMarkerBase, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMarkerBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMarkerBase, decorators: [{
             type: Directive
         }] });
 
 class FMarkerDirective extends FMarkerBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(fComponentsStore, elementReference) {
         super();
         this.fComponentsStore = fComponentsStore;
@@ -3342,19 +3345,16 @@ class FMarkerDirective extends FMarkerBase {
         this.markerUnits = 'strokeWidth';
         this.hostElement.style.display = 'none';
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     ngOnInit() {
         this.fComponentsStore.addComponent(this.fComponentsStore.fMarkers, this);
     }
     ngOnDestroy() {
         this.fComponentsStore.removeComponent(this.fComponentsStore.fMarkers, this);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMarkerDirective, deps: [{ token: FComponentsStore }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FMarkerDirective, selector: "svg[fMarker]", inputs: { hostElement: "hostElement", width: "width", height: "height", refX: "refX", refY: "refY", type: "type", orient: "orient", markerUnits: "markerUnits" }, host: { classAttribute: "f-component f-marker" }, providers: [{ provide: F_MARKER, useExisting: FMarkerDirective }], usesInheritance: true, ngImport: i0 }); }
 }
-FMarkerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMarkerDirective, deps: [{ token: FComponentsStore }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-FMarkerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FMarkerDirective, selector: "svg[fMarker]", inputs: { hostElement: "hostElement", width: "width", height: "height", refX: "refX", refY: "refY", type: "type", orient: "orient", markerUnits: "markerUnits" }, host: { classAttribute: "f-component f-marker" }, providers: [{ provide: F_MARKER, useExisting: FMarkerDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMarkerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMarkerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "svg[fMarker]",
@@ -3383,21 +3383,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 let uniqueId$4 = 0;
 class FSnapConnectionComponent extends FConnectionBase {
-    constructor(elementReference, fConnectionFactory, fComponentsStore) {
-        super(elementReference, fConnectionFactory);
-        this.fComponentsStore = fComponentsStore;
-        this.fId = `f-snap-connection-${uniqueId$4++}`;
-        this.fText = '';
-        this._fStartColor = 'black';
-        this._fEndColor = 'black';
-        this.fSnapThreshold = 20;
-        this._fRadius = 8;
-        this._fOffset = 32;
-        this._behavior = EFConnectionBehavior.FIXED;
-        this._type = EFConnectionType.STRAIGHT;
-        this.fDraggingDisabled = false;
-        this.fSelectionDisabled = false;
-    }
     set fStartColor(value) {
         this._fStartColor = value;
         this.fComponentsStore.componentDataChanged();
@@ -3443,6 +3428,21 @@ class FSnapConnectionComponent extends FConnectionBase {
     get boundingElement() {
         return this.fPath.hostElement;
     }
+    constructor(elementReference, fConnectionFactory, fComponentsStore) {
+        super(elementReference, fConnectionFactory);
+        this.fComponentsStore = fComponentsStore;
+        this.fId = `f-snap-connection-${uniqueId$4++}`;
+        this.fText = '';
+        this._fStartColor = 'black';
+        this._fEndColor = 'black';
+        this.fSnapThreshold = 20;
+        this._fRadius = 8;
+        this._fOffset = 32;
+        this._behavior = EFConnectionBehavior.FIXED;
+        this._type = EFConnectionType.STRAIGHT;
+        this.fDraggingDisabled = false;
+        this.fSelectionDisabled = false;
+    }
     ngOnInit() {
         this.fComponentsStore.fSnapConnection = this;
     }
@@ -3452,10 +3452,10 @@ class FSnapConnectionComponent extends FConnectionBase {
     ngOnDestroy() {
         this.fComponentsStore.fSnapConnection = undefined;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FSnapConnectionComponent, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FSnapConnectionComponent, selector: "f-snap-connection", inputs: { fStartColor: "fStartColor", fEndColor: "fEndColor", fSnapThreshold: "fSnapThreshold", fRadius: "fRadius", fOffset: "fOffset", fBehavior: "fBehavior", fType: "fType" }, host: { classAttribute: "f-component f-connection f-snap-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FSnapConnectionComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <defs #defs></defs>\n    <g class=\"f-connection-group\">\n        <linearGradient fConnectionGradient></linearGradient>\n        <path fConnectionSelection [attr.d]=\"path\"></path>\n        <g>\n            <path f-connection-path\n                  [attr.d]=\"path\">\n            </path>\n            <circle f-connection-drag-handle r=\"8\"></circle>\n        </g>\n        <text f-connection-text></text>\n    </g>\n    <ng-content></ng-content>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FSnapConnectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FSnapConnectionComponent, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component });
-FSnapConnectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FSnapConnectionComponent, selector: "f-snap-connection", inputs: { fStartColor: "fStartColor", fEndColor: "fEndColor", fSnapThreshold: "fSnapThreshold", fRadius: "fRadius", fOffset: "fOffset", fBehavior: "fBehavior", fType: "fType" }, host: { classAttribute: "f-component f-connection f-snap-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FSnapConnectionComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <defs #defs></defs>\n    <g class=\"f-connection-group\">\n        <linearGradient fConnectionGradient></linearGradient>\n        <path fConnectionSelection [attr.d]=\"path\"></path>\n        <g>\n            <path f-connection-path\n                  [attr.d]=\"path\">\n            </path>\n            <circle f-connection-drag-handle r=\"8\"></circle>\n        </g>\n        <text f-connection-text></text>\n    </g>\n    <ng-content></ng-content>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FSnapConnectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FSnapConnectionComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-snap-connection", changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "f-component f-connection f-snap-connection"
@@ -3515,12 +3515,6 @@ const F_CONNECTION_PROVIDERS = [
 ];
 
 let ReassignConnectionPreparationExecution = class ReassignConnectionPreparationExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator, fBrowser) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-        this.fBrowser = fBrowser;
-    }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
@@ -3530,6 +3524,12 @@ let ReassignConnectionPreparationExecution = class ReassignConnectionPreparation
     get fConnections() {
         return this.fComponentsStore.fConnections;
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator, fBrowser) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+        this.fBrowser = fBrowser;
+    }
     handle(request) {
         const connectionToReassign = this.getConnectionHandler(this.getDragHandleElement(request.event.getPosition()));
         if (connectionToReassign.fDraggingDisabled) {
@@ -3554,25 +3554,25 @@ let ReassignConnectionPreparationExecution = class ReassignConnectionPreparation
     getConnectionHandler(element) {
         return this.fConnections.find(c => c.isContains(element));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionPreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionPreparationExecution }); }
 };
-ReassignConnectionPreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionPreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-ReassignConnectionPreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionPreparationExecution });
 ReassignConnectionPreparationExecution = __decorate([
     FExecutionRegister(ReassignConnectionPreparationRequest)
 ], ReassignConnectionPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionPreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionPreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }, { type: i1.BrowserService }]; } });
 
 let ReassignConnectionPreparationValidator = class ReassignConnectionPreparationValidator {
+    get fConnections() {
+        return this.fComponentsStore.fConnections;
+    }
     constructor(fComponentsStore, fDraggableDataContext, fBrowser) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
         this.fBrowser = fBrowser;
     }
-    get fConnections() {
-        return this.fComponentsStore.fConnections;
-    }
     handle(request) {
         return !!this.getDragHandleElements(request.event.getPosition()).length
             && !this.fDraggableDataContext.draggableItems.length;
@@ -3588,13 +3588,13 @@ let ReassignConnectionPreparationValidator = class ReassignConnectionPreparation
     getConnectionHandler(element) {
         return this.fConnections.find(c => c.isContains(element));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionPreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionPreparationValidator }); }
 };
-ReassignConnectionPreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionPreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-ReassignConnectionPreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionPreparationValidator });
 ReassignConnectionPreparationValidator = __decorate([
     FValidatorRegister(ReassignConnectionPreparationRequest)
 ], ReassignConnectionPreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ReassignConnectionPreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReassignConnectionPreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i1.BrowserService }]; } });
 
@@ -3640,13 +3640,13 @@ let GetNodePaddingExecution = class GetNodePaddingExecution {
             this.fBrowser.toPixels(style.paddingBottom, rect.width, rect.height, style.fontSize)
         ];
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodePaddingExecution, deps: [{ token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodePaddingExecution }); }
 };
-GetNodePaddingExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodePaddingExecution, deps: [{ token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-GetNodePaddingExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodePaddingExecution });
 GetNodePaddingExecution = __decorate([
     FExecutionRegister(GetNodePaddingRequest)
 ], GetNodePaddingExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodePaddingExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodePaddingExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.BrowserService }]; } });
 
@@ -3667,13 +3667,13 @@ let GetNormalizedNodeRectExecution = class GetNormalizedNodeRectExecution {
         const rect = RectExtensions.div(scaledRect, this.fComponentsStore.fCanvas.transform.scale);
         return RectExtensions.initialize(position.x, position.y, rect.width, rect.height);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedNodeRectExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedNodeRectExecution }); }
 };
-GetNormalizedNodeRectExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedNodeRectExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetNormalizedNodeRectExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedNodeRectExecution });
 GetNormalizedNodeRectExecution = __decorate([
     FExecutionRegister(GetNormalizedNodeRectRequest)
 ], GetNormalizedNodeRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedNodeRectExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedNodeRectExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -3710,13 +3710,13 @@ let GetNormalizedParentNodeRectExecution = class GetNormalizedParentNodeRectExec
     getNodePadding(node, rect) {
         return this.fMediator.send(new GetNodePaddingRequest(node, rect));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedParentNodeRectExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedParentNodeRectExecution }); }
 };
-GetNormalizedParentNodeRectExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedParentNodeRectExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetNormalizedParentNodeRectExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedParentNodeRectExecution });
 GetNormalizedParentNodeRectExecution = __decorate([
     FExecutionRegister(GetNormalizedParentNodeRectRequest)
 ], GetNormalizedParentNodeRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedParentNodeRectExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedParentNodeRectExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -3745,13 +3745,13 @@ let GetParentNodesExecution = class GetParentNodesExecution {
         result.push(parent);
         return this.getParentNodes(parent, visited, result);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetParentNodesExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetParentNodesExecution }); }
 };
-GetParentNodesExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetParentNodesExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetParentNodesExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetParentNodesExecution });
 GetParentNodesExecution = __decorate([
     FExecutionRegister(GetParentNodesRequest)
 ], GetParentNodesExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetParentNodesExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetParentNodesExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -3778,13 +3778,13 @@ let IsArrayHasParentNodeExecution = class IsArrayHasParentNodeExecution {
     isParentNodeInArray(parentNodeIds, fNodes) {
         return fNodes.some((x) => parentNodeIds.includes(x.fId));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsArrayHasParentNodeExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsArrayHasParentNodeExecution }); }
 };
-IsArrayHasParentNodeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IsArrayHasParentNodeExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-IsArrayHasParentNodeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IsArrayHasParentNodeExecution });
 IsArrayHasParentNodeExecution = __decorate([
     FExecutionRegister(IsArrayHasParentNodeRequest)
 ], IsArrayHasParentNodeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IsArrayHasParentNodeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsArrayHasParentNodeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i2.FMediator }]; } });
 
@@ -3830,10 +3830,10 @@ class ConnectionBaseDragHandler {
         this.connection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, this.fInputWithRect.fConnector.fConnectableSide);
         this.connection.redraw();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConnectionBaseDragHandler, deps: [{ token: i2.FMediator }, { token: FComponentsStore }, { token: FConnectionBase }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ConnectionBaseDragHandler, ngImport: i0 }); }
 }
-ConnectionBaseDragHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConnectionBaseDragHandler, deps: [{ token: i2.FMediator }, { token: FComponentsStore }, { token: FConnectionBase }], target: i0.ɵɵFactoryTarget.Directive });
-ConnectionBaseDragHandler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ConnectionBaseDragHandler, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConnectionBaseDragHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConnectionBaseDragHandler, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i2.FMediator }, { type: FComponentsStore }, { type: FConnectionBase }]; } });
 
@@ -3870,13 +3870,13 @@ class ConnectionTargetDragHandler extends ConnectionBaseDragHandler {
 }
 
 let PutInputConnectionHandlersToArrayExecution = class PutInputConnectionHandlersToArrayExecution {
+    get fConnections() {
+        return this.fComponentsStore.fConnections;
+    }
     constructor(fComponentsStore, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
     }
-    get fConnections() {
-        return this.fComponentsStore.fConnections;
-    }
     handle(request) {
         this.getInputConnections(request.nodeDragHandler.fNode).forEach((connection) => {
             const index = this.getExistingConnectionHandlerIndex(request.result, connection);
@@ -3919,13 +3919,13 @@ let PutInputConnectionHandlersToArrayExecution = class PutInputConnectionHandler
     getNewSourceConnectionHandler(connection, nodeDragHandler) {
         return new ConnectionTargetDragHandler(this.fMediator, this.fComponentsStore, connection, nodeDragHandler.minDistance, nodeDragHandler.maxDistance);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PutInputConnectionHandlersToArrayExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PutInputConnectionHandlersToArrayExecution }); }
 };
-PutInputConnectionHandlersToArrayExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PutInputConnectionHandlersToArrayExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-PutInputConnectionHandlersToArrayExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PutInputConnectionHandlersToArrayExecution });
 PutInputConnectionHandlersToArrayExecution = __decorate([
     FExecutionRegister(PutInputConnectionHandlersToArrayRequest)
 ], PutInputConnectionHandlersToArrayExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PutInputConnectionHandlersToArrayExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PutInputConnectionHandlersToArrayExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -3952,13 +3952,13 @@ class ConnectionSourceDragHandler extends ConnectionBaseDragHandler {
 }
 
 let PutOutputConnectionHandlersToArrayExecution = class PutOutputConnectionHandlersToArrayExecution {
+    get fConnections() {
+        return this.fComponentsStore.fConnections;
+    }
     constructor(fComponentsStore, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
     }
-    get fConnections() {
-        return this.fComponentsStore.fConnections;
-    }
     handle(request) {
         this.getOutputConnections(request.nodeDragHandler.fNode).forEach((connection) => {
             const index = this.getExistingConnectionHandlerIndex(request.result, connection);
@@ -4001,13 +4001,13 @@ let PutOutputConnectionHandlersToArrayExecution = class PutOutputConnectionHandl
     getNewSourceConnectionHandler(connection, nodeDragHandler) {
         return new ConnectionSourceDragHandler(this.fMediator, this.fComponentsStore, connection, nodeDragHandler.minDistance, nodeDragHandler.maxDistance);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PutOutputConnectionHandlersToArrayExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PutOutputConnectionHandlersToArrayExecution }); }
 };
-PutOutputConnectionHandlersToArrayExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PutOutputConnectionHandlersToArrayExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-PutOutputConnectionHandlersToArrayExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PutOutputConnectionHandlersToArrayExecution });
 PutOutputConnectionHandlersToArrayExecution = __decorate([
     FExecutionRegister(PutOutputConnectionHandlersToArrayRequest)
 ], PutOutputConnectionHandlersToArrayExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PutOutputConnectionHandlersToArrayExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PutOutputConnectionHandlersToArrayExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -4039,13 +4039,13 @@ let GetNodeMoveRestrictionsExecution = class GetNodeMoveRestrictionsExecution {
     getParentNodeRect(fNode) {
         return this.fMediator.send(new GetNormalizedParentNodeRectRequest(fNode));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodeMoveRestrictionsExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodeMoveRestrictionsExecution }); }
 };
-GetNodeMoveRestrictionsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodeMoveRestrictionsExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetNodeMoveRestrictionsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodeMoveRestrictionsExecution });
 GetNodeMoveRestrictionsExecution = __decorate([
     FExecutionRegister(GetNodeMoveRestrictionsRequest)
 ], GetNodeMoveRestrictionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodeMoveRestrictionsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodeMoveRestrictionsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i2.FMediator }]; } });
 const DEFAULT_RESTRICTIONS = {
@@ -4158,13 +4158,13 @@ let CreateMoveNodesDragModelFromSelectionExecution = class CreateMoveNodesDragMo
         });
         return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution }); }
 };
-CreateMoveNodesDragModelFromSelectionExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-CreateMoveNodesDragModelFromSelectionExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution });
 CreateMoveNodesDragModelFromSelectionExecution = __decorate([
     FExecutionRegister(CreateMoveNodesDragModelFromSelectionRequest)
 ], CreateMoveNodesDragModelFromSelectionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -4182,17 +4182,17 @@ class NodeMovePreparationRequest {
 }
 
 let NodeMovePreparationExecution = class NodeMovePreparationExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+    }
     handle(request) {
         this.selectAndUpdateNodeLayer(request.event.targetElement);
         const itemsToDrag = this.createDragModelFromSelection();
@@ -4217,13 +4217,13 @@ let NodeMovePreparationExecution = class NodeMovePreparationExecution {
     filterNodesFromDraggableItems(items) {
         return items.filter((x) => x instanceof NodeDragHandler).map(x => x.fNode);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationExecution }); }
 };
-NodeMovePreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMovePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeMovePreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMovePreparationExecution });
 NodeMovePreparationExecution = __decorate([
     FExecutionRegister(NodeMovePreparationRequest)
 ], NodeMovePreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMovePreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -4249,13 +4249,13 @@ let NodeMovePreparationValidator = class NodeMovePreparationValidator {
     isDragHandleElement(targetElement) {
         return isClosestElementHasClass(targetElement, '.f-drag-handle');
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationValidator }); }
 };
-NodeMovePreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMovePreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeMovePreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMovePreparationValidator });
 NodeMovePreparationValidator = __decorate([
     FValidatorRegister(NodeMovePreparationRequest)
 ], NodeMovePreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMovePreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -4274,14 +4274,14 @@ class IsConnectionUnderNodeRequest {
 }
 
 let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
+    get flowHost() {
+        return this.fComponentsStore.fFlow.hostElement;
+    }
     constructor(fComponentsStore, fDraggableDataContext, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
         this.fMediator = fMediator;
     }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
     handle(request) {
         const difference = this.getDifferenceWithLineAlignment(this.getDifferenceBetweenPreparationAndFinalize(request.event.getPosition()));
         this.fDraggableDataContext.draggableItems.forEach((x) => {
@@ -4303,13 +4303,13 @@ let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
         }
         return difference;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMoveFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMoveFinalizeExecution }); }
 };
-NodeMoveFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMoveFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeMoveFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMoveFinalizeExecution });
 NodeMoveFinalizeExecution = __decorate([
     FExecutionRegister(NodeMoveFinalizeRequest)
 ], NodeMoveFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMoveFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMoveFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -4320,13 +4320,13 @@ let NodeMoveFinalizeValidator = class NodeMoveFinalizeValidator {
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof NodeDragHandler);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMoveFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMoveFinalizeValidator }); }
 };
-NodeMoveFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMoveFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeMoveFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMoveFinalizeValidator });
 NodeMoveFinalizeValidator = __decorate([
     FValidatorRegister(NodeMoveFinalizeRequest)
 ], NodeMoveFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeMoveFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMoveFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -4381,13 +4381,13 @@ let ApplyChildResizeRestrictionsExecution = class ApplyChildResizeRestrictionsEx
             rect.height = restrictionsRect.y + restrictionsRect.height - rect.y + OFFSET$1;
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplyChildResizeRestrictionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplyChildResizeRestrictionsExecution }); }
 };
-ApplyChildResizeRestrictionsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplyChildResizeRestrictionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ApplyChildResizeRestrictionsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplyChildResizeRestrictionsExecution });
 ApplyChildResizeRestrictionsExecution = __decorate([
     FExecutionRegister(ApplyChildResizeRestrictionsRequest)
 ], ApplyChildResizeRestrictionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplyChildResizeRestrictionsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplyChildResizeRestrictionsExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -4431,13 +4431,13 @@ let ApplyParentResizeRestrictionsExecution = class ApplyParentResizeRestrictions
             rect.height = restrictionsRect.y + restrictionsRect.height - rect.y - OFFSET;
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplyParentResizeRestrictionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplyParentResizeRestrictionsExecution }); }
 };
-ApplyParentResizeRestrictionsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplyParentResizeRestrictionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ApplyParentResizeRestrictionsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplyParentResizeRestrictionsExecution });
 ApplyParentResizeRestrictionsExecution = __decorate([
     FExecutionRegister(ApplyParentResizeRestrictionsRequest)
 ], ApplyParentResizeRestrictionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplyParentResizeRestrictionsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplyParentResizeRestrictionsExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -4464,13 +4464,13 @@ let CalculateChangedPositionExecution = class CalculateChangedPositionExecution
     change(originalRect, difference, direction, changedRect) {
         return RectExtensions.initialize(originalRect.x + (direction.x === -1 ? difference.x : 0) + changedRect.x, originalRect.y + (direction.y === -1 ? difference.y : 0) + changedRect.y, changedRect.width, changedRect.height);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateChangedPositionExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateChangedPositionExecution }); }
 };
-CalculateChangedPositionExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateChangedPositionExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CalculateChangedPositionExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateChangedPositionExecution });
 CalculateChangedPositionExecution = __decorate([
     FExecutionRegister(CalculateChangedPositionRequest)
 ], CalculateChangedPositionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateChangedPositionExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateChangedPositionExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -4498,13 +4498,13 @@ let CalculateChangedSizeExecution = class CalculateChangedSizeExecution {
         }
         return RectExtensions.copy(result);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateChangedSizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateChangedSizeExecution }); }
 };
-CalculateChangedSizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateChangedSizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CalculateChangedSizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateChangedSizeExecution });
 CalculateChangedSizeExecution = __decorate([
     FExecutionRegister(CalculateChangedSizeRequest)
 ], CalculateChangedSizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateChangedSizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateChangedSizeExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -4536,13 +4536,13 @@ let GetNormalizedChildrenNodesRectExecution = class GetNormalizedChildrenNodesRe
     concatRectWithParentPadding(rect, padding) {
         return RectExtensions.initialize(rect.x - padding[0], rect.y - padding[1], rect.width + padding[0] + padding[2], rect.height + +padding[1] + padding[3]);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedChildrenNodesRectExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedChildrenNodesRectExecution }); }
 };
-GetNormalizedChildrenNodesRectExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedChildrenNodesRectExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetNormalizedChildrenNodesRectExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedChildrenNodesRectExecution });
 GetNormalizedChildrenNodesRectExecution = __decorate([
     FExecutionRegister(GetNormalizedChildrenNodesRectRequest)
 ], GetNormalizedChildrenNodesRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNormalizedChildrenNodesRectExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNormalizedChildrenNodesRectExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i2.FMediator }]; } });
 
@@ -4565,13 +4565,13 @@ let GetNodeResizeRestrictionsExecution = class GetNodeResizeRestrictionsExecutio
             childRect,
         };
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodeResizeRestrictionsExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodeResizeRestrictionsExecution }); }
 };
-GetNodeResizeRestrictionsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodeResizeRestrictionsExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetNodeResizeRestrictionsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodeResizeRestrictionsExecution });
 GetNodeResizeRestrictionsExecution = __decorate([
     FExecutionRegister(GetNodeResizeRestrictionsRequest)
 ], GetNodeResizeRestrictionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodeResizeRestrictionsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodeResizeRestrictionsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i2.FMediator }]; } });
 
@@ -4590,13 +4590,13 @@ let NodeResizeFinalizeExecution = class NodeResizeFinalizeExecution {
             x.complete?.();
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizeFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizeFinalizeExecution }); }
 };
-NodeResizeFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizeFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeResizeFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizeFinalizeExecution });
 NodeResizeFinalizeExecution = __decorate([
     FExecutionRegister(NodeResizeFinalizeRequest)
 ], NodeResizeFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizeFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizeFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -4648,13 +4648,13 @@ let NodeResizeFinalizeValidator = class NodeResizeFinalizeValidator {
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof NodeResizeDragHandler);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizeFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizeFinalizeValidator }); }
 };
-NodeResizeFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizeFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeResizeFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizeFinalizeValidator });
 NodeResizeFinalizeValidator = __decorate([
     FValidatorRegister(NodeResizeFinalizeRequest)
 ], NodeResizeFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizeFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizeFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -4670,17 +4670,17 @@ class NodeResizePreparationRequest {
 }
 
 let NodeResizePreparationExecution = class NodeResizePreparationExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+    }
     handle(request) {
         this.selectAndUpdateNodeLayer(request.event.targetElement);
         const handleType = getDataAttrValueFromClosestElementWithClass(request.event.targetElement, 'fResizeHandleType', '.f-resize-handle');
@@ -4698,13 +4698,13 @@ let NodeResizePreparationExecution = class NodeResizePreparationExecution {
     getNode(targetElement) {
         return this.fComponentsStore.findNode(targetElement);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizePreparationExecution }); }
 };
-NodeResizePreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeResizePreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizePreparationExecution });
 NodeResizePreparationExecution = __decorate([
     FExecutionRegister(NodeResizePreparationRequest)
 ], NodeResizePreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizePreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizePreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -4730,13 +4730,13 @@ let NodeResizePreparationValidator = class NodeResizePreparationValidator {
     isDragHandleElement(targetElement) {
         return isClosestElementHasClass(targetElement, '.f-resize-handle');
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizePreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizePreparationValidator }); }
 };
-NodeResizePreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizePreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-NodeResizePreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizePreparationValidator });
 NodeResizePreparationValidator = __decorate([
     FValidatorRegister(NodeResizePreparationRequest)
 ], NodeResizePreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NodeResizePreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeResizePreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -4829,13 +4829,13 @@ let SingleSelectExecution = class SingleSelectExecution {
         });
         this.fDraggableDataContext.selectedItems = [];
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleSelectExecution, deps: [{ token: i1.PlatformService }, { token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleSelectExecution }); }
 };
-SingleSelectExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleSelectExecution, deps: [{ token: i1.PlatformService }, { token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-SingleSelectExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleSelectExecution });
 SingleSelectExecution = __decorate([
     FExecutionRegister(SingleSelectRequest)
 ], SingleSelectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleSelectExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleSelectExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.PlatformService }, { type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -4848,13 +4848,13 @@ let SingleSelectValidator = class SingleSelectValidator {
         return this.fComponentsStore.fFlow.hostElement.contains(request.event.targetElement)
             && !this.fDraggableDataContext.draggableItems.length;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleSelectValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleSelectValidator }); }
 };
-SingleSelectValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleSelectValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-SingleSelectValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleSelectValidator });
 SingleSelectValidator = __decorate([
     FValidatorRegister(SingleSelectRequest)
 ], SingleSelectValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleSelectValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SingleSelectValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -4867,10 +4867,10 @@ class FDraggableBase extends DragAndDropBase {
     constructor(ngZone) {
         super(ngZone);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FDraggableBase, usesInheritance: true, ngImport: i0 }); }
 }
-FDraggableBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDraggableBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-FDraggableBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FDraggableBase, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDraggableBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: undefined }]; } });
 
@@ -4887,13 +4887,7 @@ class FCreateNodeEvent {
     }
 }
 
-let ExternalItemFinalizeExecution = class ExternalItemFinalizeExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator, fBrowser) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-        this.fBrowser = fBrowser;
-    }
+let ExternalItemFinalizeExecution = class ExternalItemFinalizeExecution {
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
@@ -4903,6 +4897,12 @@ let ExternalItemFinalizeExecution = class ExternalItemFinalizeExecution {
     get dragHandler() {
         return this.fDraggableDataContext.draggableItems[0];
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator, fBrowser) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+        this.fBrowser = fBrowser;
+    }
     handle(request) {
         this.emitEvent(this.getExternalItemElementsFromPoint(request.event.getPosition()));
         this.dragHandler.complete();
@@ -4922,13 +4922,13 @@ let ExternalItemFinalizeExecution = class ExternalItemFinalizeExecution {
     getRectInCanvas() {
         return this.fMediator.send(new GetElementRectInFlowRequest(this.dragHandler.placeholder));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemFinalizeExecution }); }
 };
-ExternalItemFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-ExternalItemFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemFinalizeExecution });
 ExternalItemFinalizeExecution = __decorate([
     FExecutionRegister(ExternalItemFinalizeRequest)
 ], ExternalItemFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }, { type: i1.BrowserService }]; } });
 
@@ -4973,13 +4973,13 @@ let ExternalItemFinalizeValidator = class ExternalItemFinalizeValidator {
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof ExternalItemDragHandler);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemFinalizeValidator }); }
 };
-ExternalItemFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-ExternalItemFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemFinalizeValidator });
 ExternalItemFinalizeValidator = __decorate([
     FValidatorRegister(ExternalItemFinalizeRequest)
 ], ExternalItemFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -4995,15 +4995,15 @@ class ExternalItemPreparationRequest {
 }
 
 let ExternalItemPreparationExecution = class ExternalItemPreparationExecution {
+    get flowHost() {
+        return this.fComponentsStore.fFlow.hostElement;
+    }
     constructor(fComponentsStore, fDraggableDataContext, fExternalItemService, fBrowser) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
         this.fExternalItemService = fExternalItemService;
         this.fBrowser = fBrowser;
     }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
     handle(request) {
         this.fDraggableDataContext.onPointerDownScale = 1;
         this.fDraggableDataContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition()).elementTransform(this.flowHost);
@@ -5014,13 +5014,13 @@ let ExternalItemPreparationExecution = class ExternalItemPreparationExecution {
     getExternalItem(targetElement) {
         return this.fExternalItemService.getItem(getExternalItem(targetElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemPreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FExternalItemService }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemPreparationExecution }); }
 };
-ExternalItemPreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemPreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FExternalItemService }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-ExternalItemPreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemPreparationExecution });
 ExternalItemPreparationExecution = __decorate([
     FExecutionRegister(ExternalItemPreparationRequest)
 ], ExternalItemPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemPreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemPreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FExternalItemService }, { type: i1.BrowserService }]; } });
 
@@ -5035,13 +5035,13 @@ let ExternalItemPreparationValidator = class ExternalItemPreparationValidator {
     getExternalItem(targetElement) {
         return this.fExternalItemService.getItem(getExternalItem(targetElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemPreparationValidator, deps: [{ token: FExternalItemService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemPreparationValidator }); }
 };
-ExternalItemPreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemPreparationValidator, deps: [{ token: FExternalItemService }], target: i0.ɵɵFactoryTarget.Injectable });
-ExternalItemPreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemPreparationValidator });
 ExternalItemPreparationValidator = __decorate([
     FValidatorRegister(ExternalItemPreparationRequest)
 ], ExternalItemPreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ExternalItemPreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalItemPreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FExternalItemService }]; } });
 
@@ -5057,10 +5057,10 @@ const F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS = [
 
 const F_EXTERNAL_ITEM = new InjectionToken('F_EXTERNAL_ITEM');
 class FExternalItemBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FExternalItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FExternalItemBase, ngImport: i0 }); }
 }
-FExternalItemBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FExternalItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FExternalItemBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FExternalItemBase, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FExternalItemBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FExternalItemBase, decorators: [{
             type: Directive
         }] });
 
@@ -5087,10 +5087,10 @@ class FExternalItemService {
             this.items.splice(index, 1);
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FExternalItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FExternalItemService, providedIn: 'root' }); }
 }
-FExternalItemService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FExternalItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FExternalItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FExternalItemService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FExternalItemService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FExternalItemService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5099,6 +5099,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 let uniqueId$3 = 0;
 class FExternalItemDirective extends FExternalItemBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference, fExternalItemService) {
         super();
         this.elementReference = elementReference;
@@ -5106,9 +5109,6 @@ class FExternalItemDirective extends FExternalItemBase {
         this.fExternalItemId = `f-external-item-${uniqueId$3++}`;
         this.fDisabled = false;
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     ngOnInit() {
         this.fExternalItemService.registerItem(this);
         this.disablePointerEvents(Array.from(this.hostElement.children));
@@ -5122,12 +5122,12 @@ class FExternalItemDirective extends FExternalItemBase {
     ngOnDestroy() {
         this.fExternalItemService.removeItem(this);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FExternalItemDirective, deps: [{ token: i0.ElementRef }, { token: FExternalItemService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FExternalItemDirective, selector: "[fExternalItem]", inputs: { fExternalItemId: "fExternalItemId", fData: "fData", fDisabled: "fDisabled" }, host: { properties: { "attr.id": "fExternalItemId", "class.f-external-item-disabled": "fDisabled" }, classAttribute: "f-component f-external-item" }, providers: [
+            { provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }
+        ], usesInheritance: true, ngImport: i0 }); }
 }
-FExternalItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FExternalItemDirective, deps: [{ token: i0.ElementRef }, { token: FExternalItemService }], target: i0.ɵɵFactoryTarget.Directive });
-FExternalItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FExternalItemDirective, selector: "[fExternalItem]", inputs: { fExternalItemId: "fExternalItemId", fData: "fData", fDisabled: "fDisabled" }, host: { properties: { "attr.id": "fExternalItemId", "class.f-external-item-disabled": "fDisabled" }, classAttribute: "f-component f-external-item" }, providers: [
-        { provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FExternalItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FExternalItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[fExternalItem]",
@@ -5155,6 +5155,9 @@ const F_EXTERNAL_ITEM_PROVIDERS = [
 const F_DRAG_AND_DROP_PLUGIN = new InjectionToken('F_DRAG_AND_DROP_PLUGIN');
 
 class FDraggableDirective extends FDraggableBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference, fDraggableDataContext, ngZone, fComponentsStore, fMediator, fBrowser) {
         super(ngZone);
         this.elementReference = elementReference;
@@ -5171,9 +5174,6 @@ class FDraggableDirective extends FDraggableBase {
         this.fReassignConnection = new EventEmitter();
         this.fCreateConnection = new EventEmitter();
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     ngOnInit() {
         this.fComponentsStore.fDraggable = this;
     }
@@ -5267,10 +5267,10 @@ class FDraggableDirective extends FDraggableBase {
         super.unsubscribe();
         this.subscriptions$.unsubscribe();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableDirective, deps: [{ token: i0.ElementRef }, { token: FDraggableDataContext }, { token: NgZone, optional: true }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled"] }, outputs: { fSelectionChange: "fSelectionChange", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection" }, queries: [{ propertyName: "plugins", predicate: F_DRAG_AND_DROP_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 }); }
 }
-FDraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDraggableDirective, deps: [{ token: i0.ElementRef }, { token: FDraggableDataContext }, { token: NgZone, optional: true }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive });
-FDraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled"] }, outputs: { fSelectionChange: "fSelectionChange", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection" }, queries: [{ propertyName: "plugins", predicate: F_DRAG_AND_DROP_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FDraggableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "f-flow[fDraggable]",
@@ -5314,12 +5314,12 @@ class CalculateFlowPointFromMinimapPointRequest {
 }
 
 let CalculateFlowPointFromMinimapPointExecution = class CalculateFlowPointFromMinimapPointExecution {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
     get canvasScale() {
         return this.fComponentsStore.fCanvas.transform.scale;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
     handle(payload) {
         return PointExtensions.sub(payload.canvasPosition, PointExtensions.sub(this.getPositionInViewBox(payload.eventPoint, payload.minimap), this.getNormalizedFlowCenter(payload.flowRect)));
     }
@@ -5337,13 +5337,13 @@ let CalculateFlowPointFromMinimapPointExecution = class CalculateFlowPointFromMi
     getEventPointInMinimap(eventPoint, minimap) {
         return Point.fromPoint(eventPoint).elementTransform(minimap.element);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution }); }
 };
-CalculateFlowPointFromMinimapPointExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-CalculateFlowPointFromMinimapPointExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution });
 CalculateFlowPointFromMinimapPointExecution = __decorate([
     FExecutionRegister(CalculateFlowPointFromMinimapPointRequest)
 ], CalculateFlowPointFromMinimapPointExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -5362,13 +5362,13 @@ let MinimapDragFinalizeExecution = class MinimapDragFinalizeExecution {
             x.complete?.();
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragFinalizeExecution }); }
 };
-MinimapDragFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-MinimapDragFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragFinalizeExecution });
 MinimapDragFinalizeExecution = __decorate([
     FExecutionRegister(MinimapDragFinalizeRequest)
 ], MinimapDragFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -5412,13 +5412,13 @@ let MinimapDragFinalizeValidator = class MinimapDragFinalizeValidator {
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof FMinimapDragHandler);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragFinalizeValidator }); }
 };
-MinimapDragFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-MinimapDragFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragFinalizeValidator });
 MinimapDragFinalizeValidator = __decorate([
     FValidatorRegister(MinimapDragFinalizeRequest)
 ], MinimapDragFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -5435,14 +5435,14 @@ class MinimapDragPreparationRequest {
 }
 
 let MinimapDragPreparationExecution = class MinimapDragPreparationExecution {
+    get flowHost() {
+        return this.fComponentsStore.fFlow.hostElement;
+    }
     constructor(fComponentsStore, fMediator, fDraggableDataContext) {
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
         this.fDraggableDataContext = fDraggableDataContext;
     }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
     handle(request) {
         const eventPoint = request.event.getPosition();
         const startCanvasPosition = Point.fromPoint(this.fComponentsStore.fCanvas.transform.position);
@@ -5461,13 +5461,13 @@ let MinimapDragPreparationExecution = class MinimapDragPreparationExecution {
     getFlowRect() {
         return RectExtensions.fromElement(this.flowHost);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragPreparationExecution }); }
 };
-MinimapDragPreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-MinimapDragPreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragPreparationExecution });
 MinimapDragPreparationExecution = __decorate([
     FExecutionRegister(MinimapDragPreparationRequest)
 ], MinimapDragPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragPreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragPreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }, { type: FDraggableDataContext }]; } });
 
@@ -5481,13 +5481,13 @@ let MinimapDragPreparationValidator = class MinimapDragPreparationValidator {
             !!request.event.targetElement.closest('.f-minimap') &&
             this.fComponentsStore.flowHost.contains(request.event.targetElement);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragPreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragPreparationValidator }); }
 };
-MinimapDragPreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragPreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-MinimapDragPreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragPreparationValidator });
 MinimapDragPreparationValidator = __decorate([
     FValidatorRegister(MinimapDragPreparationRequest)
 ], MinimapDragPreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MinimapDragPreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MinimapDragPreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -5532,13 +5532,13 @@ let SelectionAreaFinalizeExecution = class SelectionAreaFinalizeExecution {
             x.complete?.();
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaFinalizeExecution }); }
 };
-SelectionAreaFinalizeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectionAreaFinalizeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaFinalizeExecution });
 SelectionAreaFinalizeExecution = __decorate([
     FExecutionRegister(SelectionAreaFinalizeRequest)
 ], SelectionAreaFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaFinalizeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaFinalizeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -5546,6 +5546,9 @@ class GetCanBeSelectedItemsRequest {
 }
 
 class SelectionAreaDragHandle {
+    get canvasPosition() {
+        return Point.fromPoint(this.fComponentsStore.fCanvas.transform.position).add(this.fComponentsStore.fCanvas.transform.scaledPosition);
+    }
     constructor(fComponentsStore, fSelectionArea, fDraggableDataContext, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fSelectionArea = fSelectionArea;
@@ -5554,9 +5557,6 @@ class SelectionAreaDragHandle {
         this.canBeSelected = [];
         this.selectedByMove = [];
     }
-    get canvasPosition() {
-        return Point.fromPoint(this.fComponentsStore.fCanvas.transform.position).add(this.fComponentsStore.fCanvas.transform.scaledPosition);
-    }
     initialize() {
         this.canBeSelected = this.fMediator.send(new GetCanBeSelectedItemsRequest());
         this.fSelectionArea.show();
@@ -5597,13 +5597,13 @@ let SelectionAreaFinalizeValidator = class SelectionAreaFinalizeValidator {
     handle(request) {
         return this.fDraggableDataContext.draggableItems.some((x) => x instanceof SelectionAreaDragHandle);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaFinalizeValidator }); }
 };
-SelectionAreaFinalizeValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectionAreaFinalizeValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaFinalizeValidator });
 SelectionAreaFinalizeValidator = __decorate([
     FValidatorRegister(SelectionAreaFinalizeRequest)
 ], SelectionAreaFinalizeValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaFinalizeValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaFinalizeValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -5620,14 +5620,14 @@ class SelectionAreaPreparationRequest {
 }
 
 let SelectionAreaPreparationExecution = class SelectionAreaPreparationExecution {
+    get flowHost() {
+        return this.fComponentsStore.fFlow.hostElement;
+    }
     constructor(fComponentsStore, fDraggableDataContext, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
         this.fMediator = fMediator;
     }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
     handle(request) {
         this.fDraggableDataContext.draggableItems = [
             new SelectionAreaDragHandle(this.fComponentsStore, request.fSelectionArea, this.fDraggableDataContext, this.fMediator)
@@ -5636,13 +5636,13 @@ let SelectionAreaPreparationExecution = class SelectionAreaPreparationExecution
         this.fDraggableDataContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
             .elementTransform(this.flowHost);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaPreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaPreparationExecution }); }
 };
-SelectionAreaPreparationExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaPreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectionAreaPreparationExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaPreparationExecution });
 SelectionAreaPreparationExecution = __decorate([
     FExecutionRegister(SelectionAreaPreparationRequest)
 ], SelectionAreaPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaPreparationExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaPreparationExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -5660,13 +5660,13 @@ let SelectionAreaPreparationValidator = class SelectionAreaPreparationValidator
     isShiftPressed(event) {
         return event.shiftKey;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaPreparationValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaPreparationValidator }); }
 };
-SelectionAreaPreparationValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaPreparationValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectionAreaPreparationValidator.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaPreparationValidator });
 SelectionAreaPreparationValidator = __decorate([
     FValidatorRegister(SelectionAreaPreparationRequest)
 ], SelectionAreaPreparationValidator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectionAreaPreparationValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionAreaPreparationValidator, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -5681,22 +5681,22 @@ const F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS = [
 ];
 
 class FSelectionAreaBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FSelectionAreaBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FSelectionAreaBase, ngImport: i0 }); }
 }
-FSelectionAreaBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FSelectionAreaBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FSelectionAreaBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FSelectionAreaBase, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FSelectionAreaBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FSelectionAreaBase, decorators: [{
             type: Directive
         }] });
 
 class FSelectionAreaComponent extends FSelectionAreaBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference, fMediator) {
         super();
         this.elementReference = elementReference;
         this.fMediator = fMediator;
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     ngOnInit() {
         this.hostElement.style.display = 'none';
     }
@@ -5719,12 +5719,12 @@ class FSelectionAreaComponent extends FSelectionAreaBase {
     onPointerUp(event) {
         this.fMediator.send(new SelectionAreaFinalizeRequest(event));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FSelectionAreaComponent, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FSelectionAreaComponent, selector: "f-selection-area", host: { classAttribute: "f-selection-area f-component" }, providers: [
+            { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FSelectionAreaComponent },
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{position:absolute}\n"] }); }
 }
-FSelectionAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FSelectionAreaComponent, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Component });
-FSelectionAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FSelectionAreaComponent, selector: "f-selection-area", host: { classAttribute: "f-selection-area f-component" }, providers: [
-        { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FSelectionAreaComponent },
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{position:absolute}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FSelectionAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FSelectionAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-selection-area", template: ``, host: {
                         'class': 'f-selection-area f-component'
@@ -5758,13 +5758,13 @@ let ClearSelectionExecution = class ClearSelectionExecution {
         this.fDraggableDataContext.selectedItems = [];
         this.fDraggableDataContext.isSelectedChanged = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClearSelectionExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClearSelectionExecution }); }
 };
-ClearSelectionExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClearSelectionExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-ClearSelectionExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClearSelectionExecution });
 ClearSelectionExecution = __decorate([
     FExecutionRegister(ClearSelectionRequest)
 ], ClearSelectionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClearSelectionExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClearSelectionExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -5788,13 +5788,13 @@ let GetSelectionExecution = class GetSelectionExecution {
         });
         return new FSelectionChangeEvent(selectedNodes, selectedConnections);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetSelectionExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetSelectionExecution }); }
 };
-GetSelectionExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetSelectionExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-GetSelectionExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetSelectionExecution });
 GetSelectionExecution = __decorate([
     FExecutionRegister(GetSelectionRequest)
 ], GetSelectionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetSelectionExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetSelectionExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
 
@@ -5831,13 +5831,13 @@ let SelectExecution = class SelectExecution {
         });
         this.fDraggableDataContext.isSelectedChanged = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectExecution }); }
 };
-SelectExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectExecution });
 SelectExecution = __decorate([
     FExecutionRegister(SelectRequest)
 ], SelectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -5864,13 +5864,13 @@ let SelectAllExecution = class SelectAllExecution {
         });
         this.fDraggableDataContext.isSelectedChanged = true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllExecution }); }
 };
-SelectAllExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectAllExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectAllExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectAllExecution });
 SelectAllExecution = __decorate([
     FExecutionRegister(SelectAllRequest)
 ], SelectAllExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectAllExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAllExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
 
@@ -5904,13 +5904,13 @@ let MoveFrontElementsBeforeTargetElementExecution = class MoveFrontElementsBefor
             request.fItemsContainer.insertBefore(x, request.allElements[request.targetIndex]);
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution }); }
 };
-MoveFrontElementsBeforeTargetElementExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MoveFrontElementsBeforeTargetElementExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution });
 MoveFrontElementsBeforeTargetElementExecution = __decorate([
     FExecutionRegister(MoveFrontElementsBeforeTargetElementRequest)
 ], MoveFrontElementsBeforeTargetElementExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -5945,21 +5945,17 @@ let GetDeepChildrenNodesAndGroupsExecution = class GetDeepChildrenNodesAndGroups
         });
         return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetDeepChildrenNodesAndGroupsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetDeepChildrenNodesAndGroupsExecution }); }
 };
-GetDeepChildrenNodesAndGroupsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetDeepChildrenNodesAndGroupsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetDeepChildrenNodesAndGroupsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetDeepChildrenNodesAndGroupsExecution });
 GetDeepChildrenNodesAndGroupsExecution = __decorate([
     FExecutionRegister(GetDeepChildrenNodesAndGroupsRequest)
 ], GetDeepChildrenNodesAndGroupsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetDeepChildrenNodesAndGroupsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetDeepChildrenNodesAndGroupsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
 let UpdateItemAndChildrenLayersExecution = class UpdateItemAndChildrenLayersExecution {
-    constructor(fComponentsStore, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-    }
     get fGroupsContainer() {
         return this.fComponentsStore.fCanvas.fGroupsContainer.nativeElement;
     }
@@ -5969,6 +5965,10 @@ let UpdateItemAndChildrenLayersExecution = class UpdateItemAndChildrenLayersExec
     get fConnectionsContainer() {
         return this.fComponentsStore.fCanvas.fConnectionsContainer.nativeElement;
     }
+    constructor(fComponentsStore, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fMediator = fMediator;
+    }
     handle(request) {
         switch (request.itemContainer) {
             case this.fGroupsContainer:
@@ -6029,13 +6029,13 @@ let UpdateItemAndChildrenLayersExecution = class UpdateItemAndChildrenLayersExec
     getChildrenNodesAndGroups(fId) {
         return this.fMediator.send(new GetDeepChildrenNodesAndGroupsRequest(fId)).map((x) => x.hostElement);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateItemAndChildrenLayersExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateItemAndChildrenLayersExecution }); }
 };
-UpdateItemAndChildrenLayersExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UpdateItemAndChildrenLayersExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-UpdateItemAndChildrenLayersExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UpdateItemAndChildrenLayersExecution });
 UpdateItemAndChildrenLayersExecution = __decorate([
     FExecutionRegister(UpdateItemAndChildrenLayersRequest)
 ], UpdateItemAndChildrenLayersExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UpdateItemAndChildrenLayersExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateItemAndChildrenLayersExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -6055,13 +6055,13 @@ let SelectAndUpdateNodeLayerExecution = class SelectAndUpdateNodeLayerExecution
             this.fDraggableDataContext.isSelectedChanged = true;
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAndUpdateNodeLayerExecution, deps: [{ token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAndUpdateNodeLayerExecution }); }
 };
-SelectAndUpdateNodeLayerExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectAndUpdateNodeLayerExecution, deps: [{ token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-SelectAndUpdateNodeLayerExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectAndUpdateNodeLayerExecution });
 SelectAndUpdateNodeLayerExecution = __decorate([
     FExecutionRegister(SelectAndUpdateNodeLayerRequest)
 ], SelectAndUpdateNodeLayerExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectAndUpdateNodeLayerExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectAndUpdateNodeLayerExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -6074,11 +6074,6 @@ const F_SELECTION_FEATURES = [
 ];
 
 let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
     get fNodes() {
         return this.fComponentsStore.fNodes;
     }
@@ -6088,6 +6083,11 @@ let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+    }
     handle() {
         return [...this.getNodesWithRects(), ...this.getConnectionsWithRects()].filter((x) => {
             return !this.fDraggableDataContext.selectedItems.includes(x.element);
@@ -6109,13 +6109,13 @@ let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
             };
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeSelectedItemsExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeSelectedItemsExecution }); }
 };
-GetCanBeSelectedItemsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeSelectedItemsExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetCanBeSelectedItemsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeSelectedItemsExecution });
 GetCanBeSelectedItemsExecution = __decorate([
     FExecutionRegister(GetCanBeSelectedItemsRequest)
 ], GetCanBeSelectedItemsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetCanBeSelectedItemsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetCanBeSelectedItemsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -6151,13 +6151,13 @@ let GetConnectionLineExecution = class GetConnectionLineExecution {
     fixedOutboundBehaviour(payload) {
         return new Line(positionFixedOutbound[payload.outputSide === EFConnectableSide.AUTO ? EFConnectableSide.BOTTOM : payload.outputSide](payload.outputRect), positionFixedOutbound[payload.inputSide === EFConnectableSide.AUTO ? EFConnectableSide.TOP : payload.inputSide](payload.inputRect));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetConnectionLineExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetConnectionLineExecution }); }
 };
-GetConnectionLineExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetConnectionLineExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-GetConnectionLineExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetConnectionLineExecution });
 GetConnectionLineExecution = __decorate([
     FExecutionRegister(GetConnectionLineRequest)
 ], GetConnectionLineExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetConnectionLineExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetConnectionLineExecution, decorators: [{
             type: Injectable
         }] });
 const positionFixedOutbound = {
@@ -6206,13 +6206,13 @@ let GetFlowStateConnectionsExecution = class GetFlowStateConnectionsExecution {
             };
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateConnectionsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateConnectionsExecution }); }
 };
-GetFlowStateConnectionsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateConnectionsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetFlowStateConnectionsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateConnectionsExecution });
 GetFlowStateConnectionsExecution = __decorate([
     FExecutionRegister(GetFlowStateConnectionsRequest)
 ], GetFlowStateConnectionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateConnectionsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateConnectionsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -6255,13 +6255,13 @@ let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
             };
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateNodesExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateNodesExecution }); }
 };
-GetFlowStateNodesExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateNodesExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetFlowStateNodesExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateNodesExecution });
 GetFlowStateNodesExecution = __decorate([
     FExecutionRegister(GetFlowStateNodesRequest)
 ], GetFlowStateNodesExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateNodesExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateNodesExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -6285,13 +6285,13 @@ let GetFlowStateExecution = class GetFlowStateExecution {
     getCanvasPosition(transform) {
         return PointExtensions.sum(transform.position, transform.scaledPosition);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateExecution }); }
 };
-GetFlowStateExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-GetFlowStateExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateExecution });
 GetFlowStateExecution = __decorate([
     FExecutionRegister(GetFlowStateRequest)
 ], GetFlowStateExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetFlowStateExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetFlowStateExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -6320,13 +6320,13 @@ let GetScaledNodeRectsWithFlowPositionExecution = class GetScaledNodeRectsWithFl
     getNodes() {
         return this.fComponentsStore.fNodes;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution }); }
 };
-GetScaledNodeRectsWithFlowPositionExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetScaledNodeRectsWithFlowPositionExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution });
 GetScaledNodeRectsWithFlowPositionExecution = __decorate([
     FExecutionRegister(GetScaledNodeRectsWithFlowPositionRequest)
 ], GetScaledNodeRectsWithFlowPositionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -6346,13 +6346,13 @@ let GetNodesRectExecution = class GetNodesRectExecution {
     getNodes() {
         return this.fComponentsStore.fNodes;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodesRectExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodesRectExecution }); }
 };
-GetNodesRectExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodesRectExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetNodesRectExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodesRectExecution });
 GetNodesRectExecution = __decorate([
     FExecutionRegister(GetNodesRectRequest)
 ], GetNodesRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetNodesRectExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetNodesRectExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -6363,41 +6363,41 @@ class GetPositionInFlowRequest {
 }
 
 let GetPositionInFlowExecution = class GetPositionInFlowExecution {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
     get transform() {
         return this.fComponentsStore.transform;
     }
     get flowHost() {
         return this.fComponentsStore.flowHost;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
     handle(request) {
         return Point.fromPoint(request.position).elementTransform(this.flowHost)
             .sub(this.transform.scaledPosition).sub(this.transform.position).div(this.transform.scale);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetPositionInFlowExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetPositionInFlowExecution }); }
 };
-GetPositionInFlowExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetPositionInFlowExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-GetPositionInFlowExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetPositionInFlowExecution });
 GetPositionInFlowExecution = __decorate([
     FExecutionRegister(GetPositionInFlowRequest)
 ], GetPositionInFlowExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GetPositionInFlowExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetPositionInFlowExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
 let IsConnectionUnderNodeExecution = class IsConnectionUnderNodeExecution {
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fMediator = fMediator;
+    }
     handle() {
         const isValid = this.isValidRequest();
         if (!isValid) {
@@ -6441,13 +6441,13 @@ let IsConnectionUnderNodeExecution = class IsConnectionUnderNodeExecution {
             return ([]).length > 0;
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsConnectionUnderNodeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsConnectionUnderNodeExecution }); }
 };
-IsConnectionUnderNodeExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IsConnectionUnderNodeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-IsConnectionUnderNodeExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IsConnectionUnderNodeExecution });
 IsConnectionUnderNodeExecution = __decorate([
     FExecutionRegister(IsConnectionUnderNodeRequest)
 ], IsConnectionUnderNodeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IsConnectionUnderNodeExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IsConnectionUnderNodeExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }]; } });
 
@@ -6496,13 +6496,13 @@ let RedrawConnectionsExecution = class RedrawConnectionsExecution {
     setMarkers(connection) {
         this.fMediator.send(new CreateConnectionMarkersRequest(connection));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RedrawConnectionsExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RedrawConnectionsExecution }); }
 };
-RedrawConnectionsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RedrawConnectionsExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-RedrawConnectionsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RedrawConnectionsExecution });
 RedrawConnectionsExecution = __decorate([
     FExecutionRegister(RedrawConnectionsRequest)
 ], RedrawConnectionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RedrawConnectionsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RedrawConnectionsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }]; } });
 
@@ -6518,13 +6518,13 @@ let ShowConnectionsAfterCalculationsExecution = class ShowConnectionsAfterCalcul
             connection.hostElement.style.display = 'unset';
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShowConnectionsAfterCalculationsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShowConnectionsAfterCalculationsExecution }); }
 };
-ShowConnectionsAfterCalculationsExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ShowConnectionsAfterCalculationsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-ShowConnectionsAfterCalculationsExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ShowConnectionsAfterCalculationsExecution });
 ShowConnectionsAfterCalculationsExecution = __decorate([
     FExecutionRegister(ShowConnectionsAfterCalculationsRequest)
 ], ShowConnectionsAfterCalculationsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ShowConnectionsAfterCalculationsExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShowConnectionsAfterCalculationsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }]; } });
 
@@ -6532,11 +6532,6 @@ class SortNodeLayersRequest {
 }
 
 let SortNodeLayersExecution = class SortNodeLayersExecution {
-    constructor(fComponentsStore, fMediator, fBrowser) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-        this.fBrowser = fBrowser;
-    }
     get fGroupsContainer() {
         return this.fComponentsStore.fCanvas.fGroupsContainer.nativeElement;
     }
@@ -6546,6 +6541,11 @@ let SortNodeLayersExecution = class SortNodeLayersExecution {
     get fNodesContainerElements() {
         return Array.from(this.fNodesContainer.children);
     }
+    constructor(fComponentsStore, fMediator, fBrowser) {
+        this.fComponentsStore = fComponentsStore;
+        this.fMediator = fMediator;
+        this.fBrowser = fBrowser;
+    }
     handle(request) {
         this.getGroups().forEach((parent) => {
             this.moveChildrenNodes(this.getSortedChildrenNodes(parent));
@@ -6570,13 +6570,13 @@ let SortNodeLayersExecution = class SortNodeLayersExecution {
         });
         this.fNodesContainer.appendChild(fragment);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortNodeLayersExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortNodeLayersExecution }); }
 };
-SortNodeLayersExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortNodeLayersExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-SortNodeLayersExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortNodeLayersExecution });
 SortNodeLayersExecution = __decorate([
     FExecutionRegister(SortNodeLayersRequest)
 ], SortNodeLayersExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortNodeLayersExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortNodeLayersExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }, { type: i1.BrowserService }]; } });
 
@@ -6588,14 +6588,14 @@ class SortItemsByParentRequest {
 }
 
 let SortItemsByParentExecution = class SortItemsByParentExecution {
+    get fItemsFromContainer() {
+        return Array.from(this.fItemsContainer.children);
+    }
     constructor(fComponentsStore, fMediator, fBrowser) {
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
         this.fBrowser = fBrowser;
     }
-    get fItemsFromContainer() {
-        return Array.from(this.fItemsContainer.children);
-    }
     handle(request) {
         this.fItemsContainer = request.fItemsContainer;
         this.getItems().forEach((parent) => {
@@ -6624,13 +6624,13 @@ let SortItemsByParentExecution = class SortItemsByParentExecution {
         });
         this.fItemsContainer.insertBefore(fragment, nextSibling);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortItemsByParentExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortItemsByParentExecution }); }
 };
-SortItemsByParentExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortItemsByParentExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-SortItemsByParentExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortItemsByParentExecution });
 SortItemsByParentExecution = __decorate([
     FExecutionRegister(SortItemsByParentRequest)
 ], SortItemsByParentExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortItemsByParentExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortItemsByParentExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: i2.FMediator }, { type: i1.BrowserService }]; } });
 
@@ -6647,13 +6647,13 @@ let SortItemLayersExecution = class SortItemLayersExecution {
         this.fMediator.send(new SortNodeLayersRequest());
         this.fMediator.send(new SortItemsByParentRequest(this.fComponentsStore.fCanvas.fNodesContainer.nativeElement));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortItemLayersExecution, deps: [{ token: i2.FMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortItemLayersExecution }); }
 };
-SortItemLayersExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortItemLayersExecution, deps: [{ token: i2.FMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-SortItemLayersExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortItemLayersExecution });
 SortItemLayersExecution = __decorate([
     FExecutionRegister(SortItemLayersRequest)
 ], SortItemLayersExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortItemLayersExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortItemLayersExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i2.FMediator }, { type: FComponentsStore }]; } });
 
@@ -6668,13 +6668,13 @@ let SubscribeOnTransformChangesExecution = class SubscribeOnTransformChangesExec
     handle(request) {
         return merge(this.fTransformStore.changes, this.fComponentsStore.componentsData$, this.fComponentsStore.componentsCount$);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubscribeOnTransformChangesExecution, deps: [{ token: FTransformStore }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubscribeOnTransformChangesExecution }); }
 };
-SubscribeOnTransformChangesExecution.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SubscribeOnTransformChangesExecution, deps: [{ token: FTransformStore }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-SubscribeOnTransformChangesExecution.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SubscribeOnTransformChangesExecution });
 SubscribeOnTransformChangesExecution = __decorate([
     FExecutionRegister(SubscribeOnTransformChangesRequest)
 ], SubscribeOnTransformChangesExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SubscribeOnTransformChangesExecution, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubscribeOnTransformChangesExecution, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: FTransformStore }, { type: FComponentsStore }]; } });
 
@@ -6713,21 +6713,6 @@ const COMMON_PROVIDERS = [
 
 let uniqueId$2 = 0;
 class FRectPatternComponent {
-    constructor(elementReference, fBrowser) {
-        this.elementReference = elementReference;
-        this.fBrowser = fBrowser;
-        this._subscription$ = new Subscription();
-        this._stateChanges = new Subject();
-        this.id = `f-pattern-${uniqueId$2++}`;
-        this._vColor = 'rgba(0,0,0,0.1)';
-        this._hColor = 'rgba(0,0,0,0.1)';
-        this._vSize = 20;
-        this._hSize = 20;
-        this._transform = TransformModelExtensions.default();
-        this._position = PointExtensions.initialize();
-        this._size = SizeExtensions.initialize(this._hSize, this._vSize);
-        this.createPattern();
-    }
     get hostElement() {
         return this.elementReference.nativeElement;
     }
@@ -6747,6 +6732,21 @@ class FRectPatternComponent {
         this._hSize = value;
         this._stateChanges.next();
     }
+    constructor(elementReference, fBrowser) {
+        this.elementReference = elementReference;
+        this.fBrowser = fBrowser;
+        this._subscription$ = new Subscription();
+        this._stateChanges = new Subject();
+        this.id = `f-pattern-${uniqueId$2++}`;
+        this._vColor = 'rgba(0,0,0,0.1)';
+        this._hColor = 'rgba(0,0,0,0.1)';
+        this._vSize = 20;
+        this._hSize = 20;
+        this._transform = TransformModelExtensions.default();
+        this._position = PointExtensions.initialize();
+        this._size = SizeExtensions.initialize(this._hSize, this._vSize);
+        this.createPattern();
+    }
     createPattern() {
         this._pattern = createSVGElement('pattern', this.fBrowser);
         this._pattern.setAttribute('patternUnits', 'userSpaceOnUse');
@@ -6795,12 +6795,12 @@ class FRectPatternComponent {
     ngOnDestroy() {
         this._subscription$.unsubscribe();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FRectPatternComponent, deps: [{ token: i0.ElementRef }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FRectPatternComponent, selector: "f-rect-pattern", inputs: { id: "id", vColor: "vColor", hColor: "hColor", vSize: "vSize", hSize: "hSize" }, host: { properties: { "attr.id": "id" } }, providers: [
+            { provide: F_BACKGROUND_PATTERN, useExisting: FRectPatternComponent }
+        ], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FRectPatternComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FRectPatternComponent, deps: [{ token: i0.ElementRef }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component });
-FRectPatternComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FRectPatternComponent, selector: "f-rect-pattern", inputs: { id: "id", vColor: "vColor", hColor: "hColor", vSize: "vSize", hSize: "hSize" }, host: { properties: { "attr.id": "id" } }, providers: [
-        { provide: F_BACKGROUND_PATTERN, useExisting: FRectPatternComponent }
-    ], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FRectPatternComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FRectPatternComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "f-rect-pattern",
@@ -6827,6 +6827,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 let uniqueId$1 = 0;
 class FCirclePatternComponent {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    set color(value) {
+        this._color = value;
+        this._stateChanges.next();
+    }
+    set radius(value) {
+        this._radius = value;
+        this._stateChanges.next();
+    }
     constructor(elementReference, fBrowser) {
         this.elementReference = elementReference;
         this.fBrowser = fBrowser;
@@ -6840,17 +6851,6 @@ class FCirclePatternComponent {
         this._position = PointExtensions.initialize();
         this.createPattern();
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
-    set color(value) {
-        this._color = value;
-        this._stateChanges.next();
-    }
-    set radius(value) {
-        this._radius = value;
-        this._stateChanges.next();
-    }
     createPattern() {
         this._pattern = createSVGElement('pattern', this.fBrowser);
         this._pattern.setAttribute('patternUnits', 'userSpaceOnUse');
@@ -6895,12 +6895,12 @@ class FCirclePatternComponent {
     ngOnDestroy() {
         this._subscription$.unsubscribe();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FCirclePatternComponent, deps: [{ token: i0.ElementRef }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FCirclePatternComponent, selector: "f-circle-pattern", inputs: { id: "id", color: "color", radius: "radius" }, host: { properties: { "attr.id": "id" } }, providers: [
+            { provide: F_BACKGROUND_PATTERN, useExisting: FCirclePatternComponent }
+        ], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FCirclePatternComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FCirclePatternComponent, deps: [{ token: i0.ElementRef }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component });
-FCirclePatternComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FCirclePatternComponent, selector: "f-circle-pattern", inputs: { id: "id", color: "color", radius: "radius" }, host: { properties: { "attr.id": "id" } }, providers: [
-        { provide: F_BACKGROUND_PATTERN, useExisting: FCirclePatternComponent }
-    ], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FCirclePatternComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FCirclePatternComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "f-circle-pattern",
@@ -6923,23 +6923,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 const F_BACKGROUND = new InjectionToken('F_BACKGROUND');
 class FBackgroundBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FBackgroundBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FBackgroundBase, ngImport: i0 }); }
 }
-FBackgroundBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FBackgroundBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FBackgroundBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FBackgroundBase, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FBackgroundBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FBackgroundBase, decorators: [{
             type: Directive
         }] });
 
 class FBackgroundComponent extends FBackgroundBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference, fComponentsStore, fMediator) {
         super();
         this.elementReference = elementReference;
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     ngOnInit() {
         this.fComponentsStore.fBackground = this;
     }
@@ -6955,10 +6955,10 @@ class FBackgroundComponent extends FBackgroundBase {
     ngOnDestroy() {
         this.fComponentsStore.fBackground = undefined;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FBackgroundComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FBackgroundComponent, selector: "f-background", host: { classAttribute: "f-component f-background" }, providers: [{ provide: F_BACKGROUND, useExisting: FBackgroundComponent }], queries: [{ propertyName: "fBackgroundPattern", first: true, predicate: F_BACKGROUND_PATTERN, descendants: true }], usesInheritance: true, ngImport: i0, template: "<svg><ng-content></ng-content></svg>", isInline: true, styles: [":host{position:absolute;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}:host svg{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FBackgroundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FBackgroundComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Component });
-FBackgroundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FBackgroundComponent, selector: "f-background", host: { classAttribute: "f-component f-background" }, providers: [{ provide: F_BACKGROUND, useExisting: FBackgroundComponent }], queries: [{ propertyName: "fBackgroundPattern", first: true, predicate: F_BACKGROUND_PATTERN, descendants: true }], usesInheritance: true, ngImport: i0, template: "<svg><ng-content></ng-content></svg>", isInline: true, styles: [":host{position:absolute;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}:host svg{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FBackgroundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FBackgroundComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-background", template: "<svg><ng-content></ng-content></svg>", host: {
                         'class': 'f-component f-background'
@@ -6995,21 +6995,14 @@ class FCanvasBase {
     emitCanvasChangeEvent() {
         this.fCanvasChange.emit(new FCanvasChangeEvent(PointExtensions.sum(this.transform.position, this.transform.scaledPosition), this.transform.scale));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FCanvasBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FCanvasBase, ngImport: i0 }); }
 }
-FCanvasBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FCanvasBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FCanvasBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FCanvasBase, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FCanvasBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FCanvasBase, decorators: [{
             type: Directive
         }] });
 
 class FCanvasComponent extends FCanvasBase {
-    constructor(elementReference, fMediator, fComponentsStore) {
-        super();
-        this.elementReference = elementReference;
-        this.fMediator = fMediator;
-        this.fComponentsStore = fComponentsStore;
-        this.fCanvasChange = new EventEmitter();
-    }
     set position(value) {
         this.fMediator.send(new InputCanvasPositionRequest(this.transform, value));
     }
@@ -7022,6 +7015,13 @@ class FCanvasComponent extends FCanvasBase {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
+    constructor(elementReference, fMediator, fComponentsStore) {
+        super();
+        this.elementReference = elementReference;
+        this.fMediator = fMediator;
+        this.fComponentsStore = fComponentsStore;
+        this.fCanvasChange = new EventEmitter();
+    }
     ngOnInit() {
         this.fComponentsStore.fCanvas = this;
     }
@@ -7052,12 +7052,12 @@ class FCanvasComponent extends FCanvasBase {
     resetZoom() {
         this.fMediator.send(new ResetScaleRequest());
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FCanvasComponent, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FCanvasComponent, selector: "f-canvas", inputs: { position: "position", scale: "scale" }, outputs: { fCanvasChange: "fCanvasChange" }, host: { classAttribute: "f-component f-canvas" }, providers: [
+            { provide: F_CANVAS, useExisting: FCanvasComponent }
+        ], viewQueries: [{ propertyName: "fGroupsContainer", first: true, predicate: ["fGroupsContainer"], descendants: true, static: true }, { propertyName: "fNodesContainer", first: true, predicate: ["fNodesContainer"], descendants: true, static: true }, { propertyName: "fConnectionsContainer", first: true, predicate: ["fConnectionsContainer"], descendants: true, static: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <div #fGroupsContainer>\n    <ng-content select=\"[fGroup]\"></ng-content>\n  </div>\n  <div #fConnectionsContainer>\n    <ng-content select=\"f-snap-connection\"></ng-content>\n    <ng-content select=\"f-connection\"></ng-content>\n    <ng-content select=\"f-connection-for-create\"></ng-content>\n  </div>\n\n  <div #fNodesContainer>\n    <ng-content select=\"[fNode]\"></ng-content>\n  </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}:host.f-scaled-animate{transition:transform .09s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FCanvasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FCanvasComponent, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component });
-FCanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FCanvasComponent, selector: "f-canvas", inputs: { position: "position", scale: "scale" }, outputs: { fCanvasChange: "fCanvasChange" }, host: { classAttribute: "f-component f-canvas" }, providers: [
-        { provide: F_CANVAS, useExisting: FCanvasComponent }
-    ], viewQueries: [{ propertyName: "fGroupsContainer", first: true, predicate: ["fGroupsContainer"], descendants: true, static: true }, { propertyName: "fNodesContainer", first: true, predicate: ["fNodesContainer"], descendants: true, static: true }, { propertyName: "fConnectionsContainer", first: true, predicate: ["fConnectionsContainer"], descendants: true, static: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <div #fGroupsContainer>\n    <ng-content select=\"[fGroup]\"></ng-content>\n  </div>\n  <div #fConnectionsContainer>\n    <ng-content select=\"f-snap-connection\"></ng-content>\n    <ng-content select=\"f-connection\"></ng-content>\n    <ng-content select=\"f-connection-for-create\"></ng-content>\n  </div>\n\n  <div #fNodesContainer>\n    <ng-content select=\"[fNode]\"></ng-content>\n  </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}:host.f-scaled-animate{transition:transform .09s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FCanvasComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FCanvasComponent, decorators: [{
             type: Component,
             args: [{ selector: 'f-canvas', exportAs: 'fComponent', host: {
                         'class': 'f-component f-canvas',
@@ -7244,14 +7244,23 @@ class NearestCoordinateFinder {
 
 const F_LINE_ALIGNMENT = new InjectionToken('F_LINE_ALIGNMENT');
 class FLineAlignmentBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FLineAlignmentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FLineAlignmentBase, ngImport: i0 }); }
 }
-FLineAlignmentBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FLineAlignmentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FLineAlignmentBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FLineAlignmentBase, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FLineAlignmentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FLineAlignmentBase, decorators: [{
             type: Directive
         }] });
 
 class FLineAlignmentComponent extends FLineAlignmentBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
+    get transform() {
+        return this.fComponentsStore.fCanvas.transform;
+    }
+    get flowHost() {
+        return this.fComponentsStore.fFlow.hostElement;
+    }
     constructor(elementReference, fComponentsStore, fDraggableDataContext, fMediator, fBrowser) {
         super();
         this.elementReference = elementReference;
@@ -7264,15 +7273,6 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
         this.rects = [];
         this.lineService = new LineService(fBrowser, this.hostElement);
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
-    get transform() {
-        return this.fComponentsStore.fCanvas.transform;
-    }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
     ngOnInit() {
         this.fDraggableDataContext.fLineAlignment = this;
     }
@@ -7317,12 +7317,12 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
         this.lineService.hideVerticalLine();
         this.lineService.hideHorizontalLine();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FLineAlignmentComponent, selector: "f-line-alignment", inputs: { fAlignThreshold: "fAlignThreshold" }, host: { classAttribute: "f-line-alignment f-component" }, providers: [
+            { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
+        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "", isInline: true, styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }); }
 }
-FLineAlignmentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component });
-FLineAlignmentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FLineAlignmentComponent, selector: "f-line-alignment", inputs: { fAlignThreshold: "fAlignThreshold" }, host: { classAttribute: "f-line-alignment f-component" }, providers: [
-        { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
-    ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "", isInline: true, styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FLineAlignmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FLineAlignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-line-alignment", template: "", exportAs: "fComponent", host: {
                         'class': 'f-line-alignment f-component'
@@ -7338,6 +7338,12 @@ const F_LINE_ALIGNMENT_PROVIDERS = [
 ];
 
 class FMinimapFlowDirective {
+    get flowHost() {
+        return this.fComponentsStore.flowHost;
+    }
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference, fMediator, fComponentsStore) {
         this.elementReference = elementReference;
         this.fMediator = fMediator;
@@ -7345,12 +7351,6 @@ class FMinimapFlowDirective {
         this.fMinSize = 1000;
         this.model = new FMinimapData(this.hostElement);
     }
-    get flowHost() {
-        return this.fComponentsStore.flowHost;
-    }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     update() {
         const nodesRect = this.getProcessedNodesRect();
         const minimapRect = this.getMinimapRect();
@@ -7394,10 +7394,10 @@ class FMinimapFlowDirective {
         viewBox = checkRectIsFinite(viewBox);
         this.hostElement.setAttribute('viewBox', `${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapFlowDirective, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FMinimapFlowDirective, selector: "svg[fMinimapFlow]", inputs: { fMinSize: "fMinSize" }, ngImport: i0 }); }
 }
-FMinimapFlowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapFlowDirective, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive });
-FMinimapFlowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FMinimapFlowDirective, selector: "svg[fMinimapFlow]", inputs: { fMinSize: "fMinSize" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapFlowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapFlowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'svg[fMinimapFlow]'
@@ -7407,11 +7407,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }] } });
 
 class FMinimapCanvasDirective {
-    constructor(elementReference, fComponentsStore, fBrowser) {
-        this.elementReference = elementReference;
-        this.fComponentsStore = fComponentsStore;
-        this.fBrowser = fBrowser;
-    }
     get hostElement() {
         return this.elementReference.nativeElement;
     }
@@ -7421,6 +7416,11 @@ class FMinimapCanvasDirective {
     get flowScale() {
         return this.fComponentsStore.transform.scale;
     }
+    constructor(elementReference, fComponentsStore, fBrowser) {
+        this.elementReference = elementReference;
+        this.fComponentsStore = fComponentsStore;
+        this.fBrowser = fBrowser;
+    }
     redraw() {
         this.clearCanvas();
         this.fComponentsStore.fNodes.forEach((x) => this.renderNode(x));
@@ -7454,10 +7454,10 @@ class FMinimapCanvasDirective {
             element.classList.add('f-selected');
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapCanvasDirective, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FMinimapCanvasDirective, selector: "g[fMinimapCanvas]", ngImport: i0 }); }
 }
-FMinimapCanvasDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapCanvasDirective, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive });
-FMinimapCanvasDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FMinimapCanvasDirective, selector: "g[fMinimapCanvas]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapCanvasDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapCanvasDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'g[fMinimapCanvas]'
@@ -7465,16 +7465,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: FComponentsStore }, { type: i1.BrowserService }]; } });
 
 class FMinimapViewDirective {
-    constructor(elementReference, fComponentsStore) {
-        this.elementReference = elementReference;
-        this.fComponentsStore = fComponentsStore;
-    }
     get hostElement() {
         return this.elementReference.nativeElement;
     }
     get flowScale() {
         return this.fComponentsStore.transform.scale;
     }
+    constructor(elementReference, fComponentsStore) {
+        this.elementReference = elementReference;
+        this.fComponentsStore = fComponentsStore;
+    }
     update() {
         const viewBox = RectExtensions.div(RectExtensions.fromElement(this.fComponentsStore.flowHost), this.flowScale);
         this.setAttributes(viewBox);
@@ -7486,10 +7486,10 @@ class FMinimapViewDirective {
         this.hostElement.setAttribute('width', viewBox.width.toString());
         this.hostElement.setAttribute('height', viewBox.height.toString());
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapViewDirective, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FMinimapViewDirective, selector: "rect[fMinimapView]", host: { classAttribute: "f-component f-minimap-view" }, ngImport: i0 }); }
 }
-FMinimapViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapViewDirective, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive });
-FMinimapViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FMinimapViewDirective, selector: "rect[fMinimapView]", host: { classAttribute: "f-component f-minimap-view" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapViewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'rect[fMinimapView]',
@@ -7528,12 +7528,12 @@ class FMinimapComponent {
     ngOnDestroy() {
         this.subscriptions$.unsubscribe();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapComponent, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FMinimapComponent, selector: "f-minimap", inputs: { fMinSize: "fMinSize" }, host: { classAttribute: "f-component f-minimap" }, providers: [
+            { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FMinimapComponent },
+        ], viewQueries: [{ propertyName: "fMinimapCanvas", first: true, predicate: FMinimapCanvasDirective, descendants: true, static: true }, { propertyName: "fMinimapFlow", first: true, predicate: FMinimapFlowDirective, descendants: true, static: true }, { propertyName: "fMinimapView", first: true, predicate: FMinimapViewDirective, descendants: true, static: true }], exportAs: ["fComponent"], ngImport: i0, template: "<svg fMinimapFlow width=\"100%\" height=\"100%\" fLockedContext [fMinSize]=\"fMinSize\">\n  <g fMinimapCanvas></g>\n  <rect fMinimapView x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" stroke=\"none\"/>\n</svg>\n\n", styles: [":host{display:block;position:absolute}:host svg{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: FMinimapCanvasDirective, selector: "g[fMinimapCanvas]" }, { kind: "directive", type: FMinimapViewDirective, selector: "rect[fMinimapView]" }, { kind: "directive", type: FMinimapFlowDirective, selector: "svg[fMinimapFlow]", inputs: ["fMinSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-FMinimapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapComponent, deps: [{ token: i0.ElementRef }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Component });
-FMinimapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FMinimapComponent, selector: "f-minimap", inputs: { fMinSize: "fMinSize" }, host: { classAttribute: "f-component f-minimap" }, providers: [
-        { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FMinimapComponent },
-    ], viewQueries: [{ propertyName: "fMinimapCanvas", first: true, predicate: FMinimapCanvasDirective, descendants: true, static: true }, { propertyName: "fMinimapFlow", first: true, predicate: FMinimapFlowDirective, descendants: true, static: true }, { propertyName: "fMinimapView", first: true, predicate: FMinimapViewDirective, descendants: true, static: true }], exportAs: ["fComponent"], ngImport: i0, template: "<svg fMinimapFlow width=\"100%\" height=\"100%\" fLockedContext [fMinSize]=\"fMinSize\">\n  <g fMinimapCanvas></g>\n  <rect fMinimapView x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" stroke=\"none\"/>\n</svg>\n\n", styles: [":host{display:block;position:absolute}:host svg{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: FMinimapCanvasDirective, selector: "g[fMinimapCanvas]" }, { kind: "directive", type: FMinimapViewDirective, selector: "rect[fMinimapView]" }, { kind: "directive", type: FMinimapFlowDirective, selector: "svg[fMinimapFlow]", inputs: ["fMinSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FMinimapComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FMinimapComponent, decorators: [{
             type: Component,
             args: [{ selector: 'f-minimap', exportAs: 'fComponent', host: {
                         'class': 'f-component f-minimap',
@@ -7566,6 +7566,9 @@ class FFlowBase {
 
 let uniqueId = 0;
 class FFlowComponent extends FFlowBase {
+    get hostElement() {
+        return this.elementReference.nativeElement;
+    }
     constructor(elementReference, fComponentsStore, fMediator, fBrowser) {
         super();
         this.elementReference = elementReference;
@@ -7577,9 +7580,6 @@ class FFlowComponent extends FFlowBase {
         this.fLoaded = new EventEmitter();
         this.isLoaded = false;
     }
-    get hostElement() {
-        return this.elementReference.nativeElement;
-    }
     ngOnInit() {
         this.fComponentsStore.fFlow = this;
     }
@@ -7634,19 +7634,19 @@ class FFlowComponent extends FFlowBase {
     ngOnDestroy() {
         this.subscription$.unsubscribe();
     }
-}
-FFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FFlowComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component });
-FFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FFlowComponent, selector: "f-flow", inputs: { fFlowId: "fFlowId" }, outputs: { fLoaded: "fLoaded" }, host: { properties: { "attr.id": "fFlowId" }, classAttribute: "f-component f-flow" }, providers: [
-        FMediator,
-        FComponentsStore,
-        FTransformStore,
-        FDraggableDataContext,
-        FConnectionFactory,
-        ...COMMON_PROVIDERS,
-        ...F_DRAGGABLE_PROVIDERS,
-        { provide: F_FLOW, useExisting: FFlowComponent },
-    ], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content select=\"f-minimap\"></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FFlowComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FFlowComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FFlowComponent, selector: "f-flow", inputs: { fFlowId: "fFlowId" }, outputs: { fLoaded: "fLoaded" }, host: { properties: { "attr.id": "fFlowId" }, classAttribute: "f-component f-flow" }, providers: [
+            FMediator,
+            FComponentsStore,
+            FTransformStore,
+            FDraggableDataContext,
+            FConnectionFactory,
+            ...COMMON_PROVIDERS,
+            ...F_DRAGGABLE_PROVIDERS,
+            { provide: F_FLOW, useExisting: FFlowComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content select=\"f-minimap\"></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FFlowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'f-flow', host: {
                         '[attr.id]': 'fFlowId',
@@ -7673,17 +7673,17 @@ const F_FLOW_PROVIDERS = [
 
 const F_ZOOM = new InjectionToken('F_ZOOM');
 class FZoomBase {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-        this.isEnabled = false;
-        this.listeners = EventExtensions.emptyListener();
-    }
     get flowHost() {
         return this.fComponentsStore.flowHost;
     }
     get fCanvas() {
         return this.fComponentsStore.fCanvas;
     }
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+        this.isEnabled = false;
+        this.listeners = EventExtensions.emptyListener();
+    }
     toggleZoom() {
         if (this.isEnabled) {
             this.subscribe();
@@ -7765,13 +7765,6 @@ class FZoomBase {
 }
 
 class FZoomDirective extends FZoomBase {
-    constructor(fComponentsStore) {
-        super(fComponentsStore);
-        this.minimum = 0.1;
-        this.maximum = 4;
-        this.step = 0.1;
-        this.dblClickStep = 0.5;
-    }
     get fFlowZoom() {
         return this.isEnabled;
     }
@@ -7782,16 +7775,23 @@ class FZoomDirective extends FZoomBase {
             this.toggleZoom();
         }
     }
+    constructor(fComponentsStore) {
+        super(fComponentsStore);
+        this.minimum = 0.1;
+        this.maximum = 4;
+        this.step = 0.1;
+        this.dblClickStep = 0.5;
+    }
     ngAfterViewInit() {
         super.toggleZoom();
     }
     ngOnDestroy() {
         super.unsubscribe();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FZoomDirective, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FZoomDirective, selector: "f-canvas[fZoom]", inputs: { fFlowZoom: ["fZoom", "fFlowZoom"], minimum: ["fZoomMinimum", "minimum"], maximum: ["fZoomMaximum", "maximum"], step: ["fZoomStep", "step"], dblClickStep: ["fZoomDblClickStep", "dblClickStep"] }, host: { classAttribute: "f-zoom f-component" }, providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 }); }
 }
-FZoomDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FZoomDirective, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive });
-FZoomDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: FZoomDirective, selector: "f-canvas[fZoom]", inputs: { fFlowZoom: ["fZoom", "fFlowZoom"], minimum: ["fZoomMinimum", "minimum"], maximum: ["fZoomMaximum", "maximum"], step: ["fZoomStep", "step"], dblClickStep: ["fZoomDblClickStep", "dblClickStep"] }, host: { classAttribute: "f-zoom f-component" }, providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FZoomDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FZoomDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "f-canvas[fZoom]",
@@ -7823,11 +7823,11 @@ const F_ZOOM_PROVIDERS = [
 ];
 
 class FFlowModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FFlowModule, declarations: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FZoomDirective, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FExternalItemDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective], imports: [CommonModule], exports: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FZoomDirective, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FExternalItemDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FFlowModule, imports: [CommonModule] }); }
 }
-FFlowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FFlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FFlowModule, declarations: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FZoomDirective, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FExternalItemDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective], imports: [CommonModule], exports: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FZoomDirective, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FExternalItemDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective] });
-FFlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FFlowModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FFlowModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FFlowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [