@foblex/flow 1.5.4 → 1.5.6

package/esm2022/f-line-alignment/f-line-alignment.component.mjs

@@ -2,10 +2,11 @@ import { Component } from '@angular/core';
 import { RectExtensions, SizeExtensions } from '@foblex/core';
 import { LineService, NearestCoordinateFinder } from './domain';
 import { F_LINE_ALIGNMENT, FLineAlignmentBase } from './f-line-alignment-base';
+import { GetElementRectInFlowRequest } from '../domain';
 import * as i0 from "@angular/core";
 import * as i1 from "../f-components-store";
 import * as i2 from "../f-draggable";
-import * as i3 from "../domain";
+import * as i3 from "../f-mediator";
 export class FLineAlignmentComponent extends FLineAlignmentBase {
     get hostElement() {
         return this.elementReference.nativeElement;
@@ -16,12 +17,12 @@ export class FLineAlignmentComponent extends FLineAlignmentBase {
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
-    constructor(elementReference, fComponentsStore, fDraggableDataContext, getElementRectInFlowHandler) {
+    constructor(elementReference, fComponentsStore, fDraggableDataContext, fMediator) {
         super();
         this.elementReference = elementReference;
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
+        this.fMediator = fMediator;
         this.size = SizeExtensions.initialize();
         this.draggedNodeRect = RectExtensions.initialize();
         this.rects = [];
@@ -34,14 +35,14 @@ export class FLineAlignmentComponent extends FLineAlignmentBase {
         this.size = this.flowHost.getBoundingClientRect();
         this.rects = [];
         const draggedNodeRects = currentNodes.map((x) => {
-            return this.getElementRectInFlowHandler.handle(x.hostElement);
+            return this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
         });
         this.draggedNodeRect = RectExtensions.union(draggedNodeRects);
         const allNodesExcludeCurrents = allNodes.filter((x) => {
             return !currentNodes.includes(x);
         });
         this.rects = allNodesExcludeCurrents.map((x) => {
-            return this.getElementRectInFlowHandler.handle(x.hostElement);
+            return this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
         });
     }
     handle(difference) {
@@ -74,7 +75,7 @@ export class FLineAlignmentComponent extends FLineAlignmentBase {
         this.lineService.hideVerticalLine();
         this.lineService.hideHorizontalLine();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: i1.FComponentsStore }, { token: i2.FDraggableDataContext }, { token: i3.GetElementRectInFlowHandler }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: i1.FComponentsStore }, { token: i2.FDraggableDataContext }, { token: i3.FFlowMediator }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: FLineAlignmentComponent, selector: "f-line-alignment", 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"] }); }
@@ -86,5 +87,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                     }, providers: [
                         { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
                     ], 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"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FComponentsStore }, { type: i2.FDraggableDataContext }, { type: i3.GetElementRectInFlowHandler }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1saW5lLWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2YtbGluZS1hbGlnbm1lbnQvZi1saW5lLWFsaWdubWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBc0IsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUF5QyxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3JHLE9BQU8sRUFBd0IsV0FBVyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWtCL0UsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGtCQUFrQjtJQUU3RCxJQUFvQixXQUFXO1FBQzdCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBVUQsSUFBWSxTQUFTO1FBQ25CLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQVEsQ0FBQyxTQUFTLENBQUM7SUFDbEQsQ0FBQztJQUVELElBQVksUUFBUTtRQUNsQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFNLENBQUMsV0FBVyxDQUFDO0lBQ2xELENBQUM7SUFFRCxZQUNZLGdCQUF5QyxFQUN6QyxnQkFBa0MsRUFDbEMscUJBQTRDLEVBQzVDLDJCQUF3RDtRQUVsRSxLQUFLLEVBQUUsQ0FBQztRQUxFLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUFDekMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQywwQkFBcUIsR0FBckIscUJBQXFCLENBQXVCO1FBQzVDLGdDQUEyQixHQUEzQiwyQkFBMkIsQ0FBNkI7UUFsQjVELFNBQUksR0FBVSxjQUFjLENBQUMsVUFBVSxFQUFFLENB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T0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVlLFFBQVE7UUFDdEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUN4QyxDQUFDOzhHQXBGVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixxR0FKdkI7WUFDVCxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUU7U0FDcEUsMkVBUlMsRUFBRTs7MkZBVUQsdUJBQXVCO2tCQVpuQyxTQUFTOytCQUNFLGtCQUFrQixZQUNsQixFQUFFLFlBRUYsWUFBWSxRQUNoQjt3QkFDSixPQUFPLEVBQUUsOEJBQThCO3FCQUN4QyxhQUNVO3dCQUNULEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcseUJBQXlCLEVBQUU7cUJBQ3BFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElQb2ludCwgSVJlY3QsIElTaXplLCBJVHJhbnNmb3JtTW9kZWwsIFJlY3RFeHRlbnNpb25zLCBTaXplRXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBJTGluZUFsaWdubWVudFJlc3VsdCwgTGluZVNlcnZpY2UsIE5lYXJlc3RDb29yZGluYXRlRmluZGVyIH0gZnJvbSAnLi9kb21haW4nO1xuaW1wb3J0IHsgRl9MSU5FX0FMSUdOTUVOVCwgRkxpbmVBbGlnbm1lbnRCYXNlIH0gZnJvbSAnLi9mLWxpbmUtYWxpZ25tZW50LWJhc2UnO1xuaW1wb3J0IHsgRkNvbXBvbmVudHNTdG9yZSB9IGZyb20gJy4uL2YtY29tcG9uZW50cy1zdG9yZSc7XG5pbXBvcnQgeyBGRHJhZ2dhYmxlRGF0YUNvbnRleHQgfSBmcm9tICcuLi9mLWRyYWdnYWJsZSc7XG5pbXBvcnQgeyBHZXRFbGVtZW50UmVjdEluRmxvd0hhbmRsZXIgfSBmcm9tICcuLi9kb21haW4nO1xuaW1wb3J0IHsgRk5vZGVCYXNlIH0gZnJvbSAnLi4vZi1ub2RlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImYtbGluZS1hbGlnbm1lbnRcIixcbiAgdGVtcGxhdGU6IFwiXCIsXG4gIHN0eWxlVXJsczogWyBcIi4vZi1saW5lLWFsaWdubWVudC5jb21wb25lbnQuc2Nzc1wiIF0sXG4gIGV4cG9ydEFzOiBcImZDb21wb25lbnRcIixcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmLWxpbmUtYWxpZ25tZW50IGYtY29tcG9uZW50J1xuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEZfTElORV9BTElHTk1FTlQsIHVzZUV4aXN0aW5nOiBGTGluZUFsaWdubWVudENvbXBvbmVudCB9XG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZMaW5lQWxpZ25tZW50Q29tcG9uZW50IGV4dGVuZHMgRkxpbmVBbGlnbm1lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGhvc3RFbGVtZW50KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwcml2YXRlIGxpbmVTZXJ2aWNlOiBMaW5lU2VydmljZTtcblxuICBwcml2YXRlIHNpemU6IElTaXplID0gU2l6ZUV4dGVuc2lvbnMuaW5pdGlhbGl6ZSgpO1xuXG4gIHByaXZhdGUgZHJhZ2dlZE5vZGVSZWN0OiBJUmVjdCA9IFJlY3RFeHRlbnNpb25zLmluaXRpYWxpemUoKTtcblxuICBwcml2YXRlIHJlY3RzOiBJUmVjdFtdID0gW107XG5cbiAgcHJpdmF0ZSBnZXQgdHJhbnNmb3JtKCk6IElUcmFuc2Zvcm1Nb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mQ2FudmFzIS50cmFuc2Zvcm07XG4gIH1cblxuICBwcml2YXRlIGdldCBmbG93SG9zdCgpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mRmxvdyEuaG9zdEVsZW1lbnQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICBwcml2YXRlIGZDb21wb25lbnRzU3RvcmU6IEZDb21wb25lbnRzU3RvcmUsXG4gICAgICBwcml2YXRlIGZEcmFnZ2FibGVEYXRhQ29udGV4dDogRkRyYWdnYWJsZURhdGFDb250ZXh0LFxuICAgICAgcHJpdmF0ZSBnZXRFbGVtZW50UmVjdEluRmxvd0hhbmRsZXI6IEdldEVsZW1lbnRSZWN0SW5GbG93SGFuZGxlclxuICApIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMubGluZVNlcnZpY2UgPSBuZXcgTGluZVNlcnZpY2UodGhpcy5ob3N0RWxlbWVudCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5mRHJhZ2dhYmxlRGF0YUNvbnRleHQuZkxpbmVBbGlnbm1lbnQgPSB0aGlzO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGluaXRpYWxpemUoYWxsTm9kZXM6IEZOb2RlQmFzZVtdLCBjdXJyZW50Tm9kZXM6IEZOb2RlQmFzZVtdKTogdm9pZCB7XG4gICAgdGhpcy5zaXplID0gdGhpcy5mbG93SG9zdC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICB0aGlzLnJlY3RzID0gW107XG4gICAgY29uc3QgZHJhZ2dlZE5vZGVSZWN0cyA9IGN1cnJlbnROb2Rlcy5tYXAoKHgpID0+IHtcbiAgICAgIHJldHVybiB0aGlzLmdldEVsZW1lbnRSZWN0SW5GbG93SGFuZGxlci5oYW5kbGUoeC5ob3N0RWxlbWVudCk7XG4gICAgfSk7XG4gICAgdGhpcy5kcmFnZ2VkTm9kZVJlY3QgPSBSZWN0RXh0ZW5zaW9ucy51bmlvbihkcmFnZ2VkTm9kZVJlY3RzKTtcblxuICAgIGNvbnN0IGFsbE5vZGVzRXhjbHVkZUN1cnJlbnRzID0gYWxsTm9kZXMuZmlsdGVyKCh4KSA9PiB7XG4gICAgICByZXR1cm4gIWN1cnJlbnROb2Rlcy5pbmNsdWRlcyh4KTtcbiAgICB9KTtcblxuICAgIHRoaXMucmVjdHMgPSBhbGxOb2Rlc0V4Y2x1ZGVDdXJyZW50cy5tYXAoKHgpID0+IHtcbiAgICAgIHJldHVybiB0aGlzLmdldEVsZW1lbnRSZWN0SW5GbG93SGFuZGxlci5oYW5kbGUoeC5ob3N0RWxlbWVudCk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgaGFuZGxlKGRpZmZlcmVuY2U6IElQb2ludCk6IHZvaWQge1xuICAgIHRoaXMuZHJhd0ludGVyc2VjdGluZ0xpbmVzKGRpZmZlcmVuY2UpO1xuICB9XG5cbiAgcHJpdmF0ZSBkcmF3SW50ZXJzZWN0aW5nTGluZXMoZGlmZmVyZW5jZTogSVBvaW50KTogdm9pZCB7XG4gICAgY29uc3QgaW50ZXJzZWN0ID0gdGhpcy5maW5kTmVhcmVzdENvb3JkaW5hdGUoZGlmZmVyZW5jZSk7XG4gICAgaWYgKGludGVyc2VjdC54UmVzdWx0LnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMubGluZVNlcnZpY2UuZHJhd1ZlcnRpY2FsTGluZShpbnRlcnNlY3QueFJlc3VsdC52YWx1ZSwgdGhpcy5zaXplLCB0aGlzLnRyYW5zZm9ybSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubGluZVNlcnZpY2UuaGlkZVZlcnRpY2FsTGluZSgpO1xuICAgIH1cbiAgICBpZiAoaW50ZXJzZWN0LnlSZXN1bHQudmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5saW5lU2VydmljZS5kcmF3SG9yaXpvbnRhbExpbmUoaW50ZXJzZWN0LnlSZXN1bHQudmFsdWUsIHRoaXMuc2l6ZSwgdGhpcy50cmFuc2Zvcm0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmxpbmVTZXJ2aWNlLmhpZGVIb3Jpem9udGFsTGluZSgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBmaW5kTmVhcmVzdENvb3JkaW5hdGUoZGlmZmVyZW5jZTogSVBvaW50KTogSUxpbmVBbGlnbm1lbnRSZXN1bHQge1xuICAgIGNvbnN0IHJlY3QgPSBSZWN0RXh0ZW5zaW9ucy5hZGRQb2ludCh0aGlzLmRyYWdnZWROb2RlUmVjdCwgZGlmZmVyZW5jZSk7XG4gICAgY29uc3QgZmluZGVyID0gbmV3IE5lYXJlc3RDb29yZGluYXRlRmluZGVyKHRoaXMucmVjdHMsIHJlY3QpO1xuICAgIGNvbnN0IHhSZXN1bHQgPSBmaW5kZXIuZmluZE5lYXJlc3RDb29yZGluYXRlQnlYKCk7XG4gICAgY29uc3QgeVJlc3VsdCA9IGZpbmRlci5maW5kTmVhcmVzdENvb3JkaW5hdGVCeVkoKTtcblxuICAgIGNvbnN0IHJlc3VsdDogSUxpbmVBbGlnbm1lbnRSZXN1bHQgPSB7IHhSZXN1bHQsIHlSZXN1bHQgfTtcbiAgICByZXR1cm4gcmVzdWx0O1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbXBsZXRlKCk6IHZvaWQge1xuICAgIHRoaXMubGluZVNlcnZpY2UuaGlkZVZlcnRpY2FsTGluZSgpO1xuICAgIHRoaXMubGluZVNlcnZpY2UuaGlkZUhvcml6b250YWxMaW5lKCk7XG4gIH1cbn1cbiJdfQ==
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FComponentsStore }, { type: i2.FDraggableDataContext }, { type: i3.FFlowMediator }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1saW5lLWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2YtbGluZS1hbGlnbm1lbnQvZi1saW5lLWFsaWdubWVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBc0IsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUF5QyxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3JHLE9BQU8sRUFBd0IsV0FBVyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBSy9FLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7QUFjeEQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGtCQUFrQjtJQUU3RCxJQUFvQixXQUFXO1FBQzdCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBVUQsSUFBWSxTQUFTO1FBQ25CLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQVEsQ0FBQyxTQUFTLENBQUM7SUFDbEQsQ0FBQztJQUVELElBQVksUUFBUTtRQUNsQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFNLENBQUMsV0FBVyxDQUFDO0lBQ2xELENBQUM7SUFFRCxZQUNZLGdCQUF5QyxFQUN6QyxnQkFBa0MsRUFDbEMscUJBQTRDLEVBQzVDLFNBQXdCO1FBRWxDLEtBQUssRUFBRSxDQUFDO1FBTEUscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQUN6QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFDNUMsY0FBUyxHQUFULFNBQVMsQ0FBZTtRQWxC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d0JBQXdCLEVBQUUsQ0FBQztRQUVsRCxNQUFNLE1BQU0sR0FBeUIsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVlLFFBQVE7UUFDdEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUN4QyxDQUFDOzhHQXBGVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixxR0FKdkI7WUFDVCxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUU7U0FDcEUsMkVBUlMsRUFBRTs7MkZBVUQsdUJBQXVCO2tCQVpuQyxTQUFTOytCQUNFLGtCQUFrQixZQUNsQixFQUFFLFlBRUYsWUFBWSxRQUNoQjt3QkFDSixPQUFPLEVBQUUsOEJBQThCO3FCQUN4QyxhQUNVO3dCQUNULEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcseUJBQXlCLEVBQUU7cUJBQ3BFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElQb2ludCwgSVJlY3QsIElTaXplLCBJVHJhbnNmb3JtTW9kZWwsIFJlY3RFeHRlbnNpb25zLCBTaXplRXh0ZW5zaW9ucyB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBJTGluZUFsaWdubWVudFJlc3VsdCwgTGluZVNlcnZpY2UsIE5lYXJlc3RDb29yZGluYXRlRmluZGVyIH0gZnJvbSAnLi9kb21haW4nO1xuaW1wb3J0IHsgRl9MSU5FX0FMSUdOTUVOVCwgRkxpbmVBbGlnbm1lbnRCYXNlIH0gZnJvbSAnLi9mLWxpbmUtYWxpZ25tZW50LWJhc2UnO1xuaW1wb3J0IHsgRkNvbXBvbmVudHNTdG9yZSB9IGZyb20gJy4uL2YtY29tcG9uZW50cy1zdG9yZSc7XG5pbXBvcnQgeyBGRHJhZ2dhYmxlRGF0YUNvbnRleHQgfSBmcm9tICcuLi9mLWRyYWdnYWJsZSc7XG5pbXBvcnQgeyBGTm9kZUJhc2UgfSBmcm9tICcuLi9mLW5vZGUnO1xuaW1wb3J0IHsgRkZsb3dNZWRpYXRvciB9IGZyb20gJy4uL2YtbWVkaWF0b3InO1xuaW1wb3J0IHsgR2V0RWxlbWVudFJlY3RJbkZsb3dSZXF1ZXN0IH0gZnJvbSAnLi4vZG9tYWluJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImYtbGluZS1hbGlnbm1lbnRcIixcbiAgdGVtcGxhdGU6IFwiXCIsXG4gIHN0eWxlVXJsczogWyBcIi4vZi1saW5lLWFsaWdubWVudC5jb21wb25lbnQuc2Nzc1wiIF0sXG4gIGV4cG9ydEFzOiBcImZDb21wb25lbnRcIixcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdmLWxpbmUtYWxpZ25tZW50IGYtY29tcG9uZW50J1xuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEZfTElORV9BTElHTk1FTlQsIHVzZUV4aXN0aW5nOiBGTGluZUFsaWdubWVudENvbXBvbmVudCB9XG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEZMaW5lQWxpZ25tZW50Q29tcG9uZW50IGV4dGVuZHMgRkxpbmVBbGlnbm1lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgb3ZlcnJpZGUgZ2V0IGhvc3RFbGVtZW50KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmZXJlbmNlLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwcml2YXRlIGxpbmVTZXJ2aWNlOiBMaW5lU2VydmljZTtcblxuICBwcml2YXRlIHNpemU6IElTaXplID0gU2l6ZUV4dGVuc2lvbnMuaW5pdGlhbGl6ZSgpO1xuXG4gIHByaXZhdGUgZHJhZ2dlZE5vZGVSZWN0OiBJUmVjdCA9IFJlY3RFeHRlbnNpb25zLmluaXRpYWxpemUoKTtcblxuICBwcml2YXRlIHJlY3RzOiBJUmVjdFtdID0gW107XG5cbiAgcHJpdmF0ZSBnZXQgdHJhbnNmb3JtKCk6IElUcmFuc2Zvcm1Nb2RlbCB7XG4gICAgcmV0dXJuIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mQ2FudmFzIS50cmFuc2Zvcm07XG4gIH1cblxuICBwcml2YXRlIGdldCBmbG93SG9zdCgpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuZkNvbXBvbmVudHNTdG9yZS5mRmxvdyEuaG9zdEVsZW1lbnQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIHByaXZhdGUgZWxlbWVudFJlZmVyZW5jZTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICBwcml2YXRlIGZDb21wb25lbnRzU3RvcmU6IEZDb21wb25lbnRzU3RvcmUsXG4gICAgICBwcml2YXRlIGZEcmFnZ2FibGVEYXRhQ29udGV4dDogRkRyYWdnYWJsZURhdGFDb250ZXh0LFxuICAgICAgcHJpdmF0ZSBmTWVkaWF0b3I6IEZGbG93TWVkaWF0b3IsXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5saW5lU2VydmljZSA9IG5ldyBMaW5lU2VydmljZSh0aGlzLmhvc3RFbGVtZW50KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZEcmFnZ2FibGVEYXRhQ29udGV4dC5mTGluZUFsaWdubWVudCA9IHRoaXM7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgaW5pdGlhbGl6ZShhbGxOb2RlczogRk5vZGVCYXNlW10sIGN1cnJlbnROb2RlczogRk5vZGVCYXNlW10pOiB2b2lkIHtcbiAgICB0aGlzLnNpemUgPSB0aGlzLmZsb3dIb3N0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHRoaXMucmVjdHMgPSBbXTtcbiAgICBjb25zdCBkcmFnZ2VkTm9kZVJlY3RzID0gY3VycmVudE5vZGVzLm1hcCgoeCkgPT4ge1xuICAgICAgcmV0dXJuIHRoaXMuZk1lZGlhdG9yLnNlbmQ8SVJlY3Q+KG5ldyBHZXRFbGVtZW50UmVjdEluRmxvd1JlcXVlc3QoeC5ob3N0RWxlbWVudCkpO1xuICAgIH0pO1xuICAgIHRoaXMuZHJhZ2dlZE5vZGVSZWN0ID0gUmVjdEV4dGVuc2lvbnMudW5pb24oZHJhZ2dlZE5vZGVSZWN0cyk7XG5cbiAgICBjb25zdCBhbGxOb2Rlc0V4Y2x1ZGVDdXJyZW50cyA9IGFsbE5vZGVzLmZpbHRlcigoeCkgPT4ge1xuICAgICAgcmV0dXJuICFjdXJyZW50Tm9kZXMuaW5jbHVkZXMoeCk7XG4gICAgfSk7XG5cbiAgICB0aGlzLnJlY3RzID0gYWxsTm9kZXNFeGNsdWRlQ3VycmVudHMubWFwKCh4KSA9PiB7XG4gICAgICByZXR1cm4gdGhpcy5mTWVkaWF0b3Iuc2VuZDxJUmVjdD4obmV3IEdldEVsZW1lbnRSZWN0SW5GbG93UmVxdWVzdCh4Lmhvc3RFbGVtZW50KSk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgaGFuZGxlKGRpZmZlcmVuY2U6IElQb2ludCk6IHZvaWQge1xuICAgIHRoaXMuZHJhd0ludGVyc2VjdGluZ0xpbmVzKGRpZmZlcmVuY2UpO1xuICB9XG5cbiAgcHJpdmF0ZSBkcmF3SW50ZXJzZWN0aW5nTGluZXMoZGlmZmVyZW5jZTogSVBvaW50KTogdm9pZCB7XG4gICAgY29uc3QgaW50ZXJzZWN0ID0gdGhpcy5maW5kTmVhcmVzdENvb3JkaW5hdGUoZGlmZmVyZW5jZSk7XG4gICAgaWYgKGludGVyc2VjdC54UmVzdWx0LnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMubGluZVNlcnZpY2UuZHJhd1ZlcnRpY2FsTGluZShpbnRlcnNlY3QueFJlc3VsdC52YWx1ZSwgdGhpcy5zaXplLCB0aGlzLnRyYW5zZm9ybSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubGluZVNlcnZpY2UuaGlkZVZlcnRpY2FsTGluZSgpO1xuICAgIH1cbiAgICBpZiAoaW50ZXJzZWN0LnlSZXN1bHQudmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5saW5lU2VydmljZS5kcmF3SG9yaXpvbnRhbExpbmUoaW50ZXJzZWN0LnlSZXN1bHQudmFsdWUsIHRoaXMuc2l6ZSwgdGhpcy50cmFuc2Zvcm0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmxpbmVTZXJ2aWNlLmhpZGVIb3Jpem9udGFsTGluZSgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBmaW5kTmVhcmVzdENvb3JkaW5hdGUoZGlmZmVyZW5jZTogSVBvaW50KTogSUxpbmVBbGlnbm1lbnRSZXN1bHQge1xuICAgIGNvbnN0IHJlY3QgPSBSZWN0RXh0ZW5zaW9ucy5hZGRQb2ludCh0aGlzLmRyYWdnZWROb2RlUmVjdCwgZGlmZmVyZW5jZSk7XG4gICAgY29uc3QgZmluZGVyID0gbmV3IE5lYXJlc3RDb29yZGluYXRlRmluZGVyKHRoaXMucmVjdHMsIHJlY3QpO1xuICAgIGNvbnN0IHhSZXN1bHQgPSBmaW5kZXIuZmluZE5lYXJlc3RDb29yZGluYXRlQnlYKCk7XG4gICAgY29uc3QgeVJlc3VsdCA9IGZpbmRlci5maW5kTmVhcmVzdENvb3JkaW5hdGVCeVkoKTtcblxuICAgIGNvbnN0IHJlc3VsdDogSUxpbmVBbGlnbm1lbnRSZXN1bHQgPSB7IHhSZXN1bHQsIHlSZXN1bHQgfTtcbiAgICByZXR1cm4gcmVzdWx0O1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbXBsZXRlKCk6IHZvaWQge1xuICAgIHRoaXMubGluZVNlcnZpY2UuaGlkZVZlcnRpY2FsTGluZSgpO1xuICAgIHRoaXMubGluZVNlcnZpY2UuaGlkZUhvcml6b250YWxMaW5lKCk7XG4gIH1cbn1cbiJdfQ==

package/f-canvas/f-canvas.component.d.ts

@@ -3,13 +3,12 @@ import { FCanvasBase } from './f-canvas-base';
 import { IPoint } from '@foblex/core';
 import { FCanvasChangeEvent } from './domain';
 import { FComponentsStore } from '../f-components-store';
-import { GetAllNodesRectHandler, SelectAllHandler } from '../domain';
 import { FNodeBase } from '../f-node';
+import { FFlowMediator } from '../f-mediator';
 import * as i0 from "@angular/core";
 export declare class FCanvasComponent extends FCanvasBase implements OnInit {
-    private getAllNodesRectHandler;
-    private selectAllHandler;
     private elementReference;
+    private fMediator;
     private fComponentsStore;
     fCanvasChange: EventEmitter<FCanvasChangeEvent>;
     set position(value: IPoint | undefined);
@@ -18,13 +17,12 @@ export declare class FCanvasComponent extends FCanvasBase implements OnInit {
     get hostElement(): HTMLElement;
     fNodesContainer: ElementRef<HTMLElement>;
     fConnectionsContainer: ElementRef<HTMLElement>;
-    constructor(getAllNodesRectHandler: GetAllNodesRectHandler, selectAllHandler: SelectAllHandler, elementReference: ElementRef<HTMLElement>, fComponentsStore: FComponentsStore);
+    constructor(elementReference: ElementRef<HTMLElement>, fMediator: FFlowMediator, fComponentsStore: FComponentsStore);
     ngOnInit(): void;
     redraw(): void;
     redrawWithAnimation(): void;
     fitToScreen(toCenter?: IPoint, animated?: boolean): void;
     oneToOne(): void;
-    selectAll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FCanvasComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FCanvasComponent, "f-canvas", ["fComponent"], { "position": { "alias": "position"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, { "fCanvasChange": "fCanvasChange"; }, never, ["f-connection", "f-connection-for-create", "[fNode]"], false, never>;
 }

package/f-connection/common/e-f-connection-behavior.d.ts

@@ -1,4 +1,5 @@
 export declare enum EFConnectionBehavior {
     FIXED = "fixed",
+    FIXED_CENTER = "fixed_center",
     FLOATING = "floating"
 }

package/f-connectors/f-connector-base.d.ts

@@ -9,6 +9,7 @@ export declare abstract class FConnectorBase implements IHasStateChanges, IHasHo
     readonly stateChanges: Subject<void>;
     abstract canBeConnected: boolean;
     abstract isConnected: boolean;
+    isSelfConnectable: boolean;
     fConnectableSide: EFConnectableSide;
     _fConnectableSide: EFConnectableSide;
     isContains(element: HTMLElement | SVGElement): boolean;

package/f-connectors/f-node-output/f-node-output-base.d.ts

@@ -3,6 +3,7 @@ import { FConnectorBase } from '../f-connector-base';
 import * as i0 from "@angular/core";
 export declare const F_NODE_OUTPUT: InjectionToken<FNodeOutputBase>;
 export declare abstract class FNodeOutputBase extends FConnectorBase {
+    abstract multiple: boolean;
     isConnected: boolean;
     get canBeConnected(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeOutputBase, never>;

package/f-connectors/f-node-output/f-node-output.directive.d.ts

@@ -9,16 +9,18 @@ export declare class FNodeOutputDirective extends FNodeOutputBase implements OnI
     private fNode;
     private fComponentsStore;
     id: string;
+    multiple: boolean;
     get disabled(): boolean;
     set disabled(isDisabled: boolean | undefined | string);
     private isDisabled;
     _fConnectableSide: EFConnectableSide;
     isConnected: boolean;
+    isSelfConnectable: boolean;
     get hostElement(): HTMLElement | SVGElement;
     constructor(elementReference: ElementRef<HTMLElement>, fNode: FNodeBase, fComponentsStore: FComponentsStore);
     ngOnInit(): void;
     setConnected(isConnected: boolean): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FNodeOutputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutputDirective, "[fNodeOutput]", ["fNodeOutput"], { "id": { "alias": "fOutputId"; "required": false; }; "disabled": { "alias": "fOutputDisabled"; "required": false; }; "_fConnectableSide": { "alias": "fOutputConnectableSide"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeOutputDirective, "[fNodeOutput]", ["fNodeOutput"], { "id": { "alias": "fOutputId"; "required": false; }; "multiple": { "alias": "fOutputMultiple"; "required": false; }; "disabled": { "alias": "fOutputDisabled"; "required": false; }; "_fConnectableSide": { "alias": "fOutputConnectableSide"; "required": false; }; "isSelfConnectable": { "alias": "isSelfConnectable"; "required": false; }; }, {}, never, never, false, never>;
 }

package/f-draggable/connections/create-connection/create-connection.prepare-drag-sequence.d.ts

@@ -2,18 +2,16 @@ import { IHandler, IPointerEvent } from '@foblex/core';
 import { FComponentsStore } from '../../../f-components-store';
 import { FDraggableDataContext } from '../../f-draggable-data-context';
 import { FindFirstCanBeConnectedOutputByOutletHandler } from './find-first-can-be-connected-output-by-outlet';
-import { GetElementRectInFlowHandler } from '../../../domain';
 import { FFlowMediator } from '../../../f-mediator';
 import * as i0 from "@angular/core";
 export declare class CreateConnectionPrepareDragSequence implements IHandler<IPointerEvent, void> {
     private fComponentsStore;
     private fDraggableDataContext;
-    private getElementRectInFlowHandler;
     private fMediator;
     private findFirstCanBeConnectedOutputByOutletHandler;
     private get transform();
     private get flowHost();
-    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, getElementRectInFlowHandler: GetElementRectInFlowHandler, fMediator: FFlowMediator, findFirstCanBeConnectedOutputByOutletHandler: FindFirstCanBeConnectedOutputByOutletHandler);
+    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, fMediator: FFlowMediator, findFirstCanBeConnectedOutputByOutletHandler: FindFirstCanBeConnectedOutputByOutletHandler);
     handle(event: IPointerEvent): void;
     private createConnectionHandler;
     private isNodeOutput;

package/f-draggable/connections/providers.d.ts

@@ -1,4 +1,4 @@
 import { CreateConnectionOnPointerUp, CreateConnectionPrepareDragSequence, FindFirstCanBeConnectedOutputByOutletHandler } from './create-connection';
 import { FindInputsUnderPointerHandler, FirstNotConnectedInputOfNodeUnderPointerHandler, InputsUnderPointerHandler } from './find-inputs-under-pointer';
 import { ReassignConnectionOnPointerUp, ReassignConnectionPrepareDragSequence } from './reassign-connection';
-export declare const CONNECTIONS_PROVIDERS: (typeof FindFirstCanBeConnectedOutputByOutletHandler | typeof FirstNotConnectedInputOfNodeUnderPointerHandler | typeof InputsUnderPointerHandler | typeof ReassignConnectionOnPointerUp | typeof ReassignConnectionPrepareDragSequence | typeof FindInputsUnderPointerHandler | typeof CreateConnectionOnPointerUp | typeof CreateConnectionPrepareDragSequence)[];
+export declare const CONNECTIONS_PROVIDERS: (typeof ReassignConnectionPrepareDragSequence | typeof ReassignConnectionOnPointerUp | typeof FindFirstCanBeConnectedOutputByOutletHandler | typeof CreateConnectionOnPointerUp | typeof CreateConnectionPrepareDragSequence | typeof FirstNotConnectedInputOfNodeUnderPointerHandler | typeof InputsUnderPointerHandler | typeof FindInputsUnderPointerHandler)[];

package/f-draggable/connections/reassign-connection/reassign-connection.drag-handler.d.ts

@@ -1,11 +1,9 @@
 import { IPoint } from '@foblex/core';
 import { IDraggableItem } from '../../i-draggable-item';
 import { EFDraggableType } from '../../e-f-draggable-type';
-import { GetInputRectInFlowHandler } from '../../../domain';
 import { FConnectionBase } from '../../../f-connection';
 import { FFlowMediator } from '../../../f-mediator';
 export declare class ReassignConnectionDragHandler implements IDraggableItem {
-    private getInputRectInFlowHandler;
     private fMediator;
     connection: FConnectionBase;
     readonly type: EFDraggableType;
@@ -13,7 +11,7 @@ export declare class ReassignConnectionDragHandler implements IDraggableItem {
     private onPointerDownToConnectorRect;
     private outputSide;
     private inputSide;
-    constructor(getInputRectInFlowHandler: GetInputRectInFlowHandler, fMediator: FFlowMediator, connection: FConnectionBase);
+    constructor(fMediator: FFlowMediator, connection: FConnectionBase);
     initialize(): void;
     move(difference: IPoint): void;
     complete(): void;

package/f-draggable/external-item/external-item.drag-handler.d.ts

@@ -1,4 +1,4 @@
-import { IPoint, IRect } from '@foblex/core';
+import { IPoint } from '@foblex/core';
 import { IDraggableItem } from '../i-draggable-item';
 import { EFDraggableType } from '../e-f-draggable-type';
 import { FExternalItemBase } from '../../f-external-item';
@@ -13,6 +13,5 @@ export declare class ExternalItemDragHandler implements IDraggableItem {
     initialize(): void;
     private getExternalItemRect;
     move(difference: IPoint): void;
-    getPlaceholderRect(): IRect;
     complete(): void;
 }

package/f-draggable/external-item/external-item.on-pointer-up.d.ts

@@ -1,15 +1,15 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
 import { FComponentsStore } from '../../f-components-store';
 import { FDraggableDataContext } from '../f-draggable-data-context';
-import { GetElementRectInFlowHandler } from '../../domain';
+import { FFlowMediator } from '../../f-mediator';
 import * as i0 from "@angular/core";
 export declare class ExternalItemOnPointerUp implements IHandler<IPointerEvent, void> {
     private fComponentsStore;
     private fDraggableDataContext;
-    private getElementRectInFlowHandler;
+    private fMediator;
     private get flowHost();
     private get fCreateNode();
-    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, getElementRectInFlowHandler: GetElementRectInFlowHandler);
+    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, fMediator: FFlowMediator);
     handle(event: IPointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExternalItemOnPointerUp, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ExternalItemOnPointerUp>;

package/f-draggable/f-draggable-base.d.ts

@@ -1,19 +1,49 @@
-import { IHasHostElement } from '@foblex/core';
-import { EventEmitter, InjectionToken, NgZone } from '@angular/core';
+import { IHasHostElement, IPointerEvent } from '@foblex/core';
+import { EventEmitter, InjectionToken } from '@angular/core';
 import { FCreateNodeEvent } from './external-item';
-import { FReassignConnectionEvent } from './connections/reassign-connection/f-reassign-connection.event';
-import { FCreateConnectionEvent } from './connections/create-connection/f-create-connection.event';
-import { FSelectionChangeEvent } from './single-select';
-import { IDragAndDropBase } from './i-drag-and-drop-base';
+import { FReassignConnectionEvent } from './connections';
+import { FCreateConnectionEvent } from './connections';
+import { FSelectionChangeEvent } from './f-selection-change-event';
+import { ICanRunOutsideAngular } from '@foblex/core/drag-and-drop/i-can-run-outside-angular';
 import * as i0 from "@angular/core";
 export declare const F_DRAGGABLE: InjectionToken<FDraggableBase>;
-export declare abstract class FDraggableBase extends IDragAndDropBase implements IHasHostElement {
+export declare const MOUSE_EVENT_IGNORE_TIME = 800;
+export declare abstract class FDraggableBase implements IHasHostElement {
+    protected ngZone: ICanRunOutsideAngular;
     abstract hostElement: HTMLElement;
     abstract fSelectionChange: EventEmitter<FSelectionChangeEvent>;
     abstract fCreateNode: EventEmitter<FCreateNodeEvent>;
     abstract fReassignConnection: EventEmitter<FReassignConnectionEvent>;
     abstract fCreateConnection: EventEmitter<FCreateConnectionEvent>;
-    protected constructor(ngZone: NgZone);
+    private document;
+    private mouseListeners;
+    private touchListeners;
+    private startListeners;
+    isSyntheticEvent(event: MouseEvent): boolean;
+    private lastTouchEventTime;
+    isDragStarted: boolean;
+    private dragStartThreshold;
+    private dragStartDelay;
+    private dragStartTime;
+    private dragStartPosition;
+    abstract disabled: boolean;
+    private moveHandler;
+    protected constructor(ngZone: ICanRunOutsideAngular);
+    private onMouseDown;
+    private onTouchDown;
+    private onMouseMove;
+    private onTouchMove;
+    private checkDragSequenceToStart;
+    protected abstract prepareDragSequence(event: IPointerEvent): void;
+    private onMouseUp;
+    private onTouchUp;
+    private endDragSequence;
+    protected abstract finalizeDragSequence(): void;
+    abstract onPointerDown(event: IPointerEvent): boolean;
+    abstract onPointerMove(event: IPointerEvent): void;
+    abstract onPointerUp(event: IPointerEvent): void;
+    subscribe(document: Document): void;
+    unsubscribe(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FDraggableBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FDraggableBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-draggable/f-draggable.directive.d.ts

@@ -4,14 +4,17 @@ import { FComponentsStore } from '../f-components-store';
 import { FDraggableDataContext } from './f-draggable-data-context';
 import { FCreateNodeEvent } from './external-item';
 import { IPointerEvent } from '@foblex/core';
-import { FSelectionChangeEvent } from './single-select';
 import { FCreateConnectionEvent, FReassignConnectionEvent } from './connections';
+import { FSelectionChangeEvent } from './f-selection-change-event';
+import { FFlowMediator } from '../f-mediator';
 import * as i0 from "@angular/core";
 export declare class FDraggableDirective extends FDraggableBase implements OnInit, AfterViewInit, OnDestroy {
     private elementReference;
     private fDraggableDataContext;
     private injector;
     private fComponentsStore;
+    private fMediator;
+    private doc;
     private subscriptions$;
     disabled: boolean;
     get hostElement(): HTMLElement;
@@ -19,15 +22,14 @@ export declare class FDraggableDirective extends FDraggableBase implements OnIni
     fCreateNode: EventEmitter<FCreateNodeEvent>;
     fReassignConnection: EventEmitter<FReassignConnectionEvent>;
     fCreateConnection: EventEmitter<FCreateConnectionEvent>;
-    private readonly document;
-    private selectedItemsOnPointerDown;
-    constructor(elementReference: ElementRef<HTMLElement>, fDraggableDataContext: FDraggableDataContext, ngZone: NgZone, injector: Injector, fComponentsStore: FComponentsStore, document: any);
+    constructor(elementReference: ElementRef<HTMLElement>, fDraggableDataContext: FDraggableDataContext, ngZone: NgZone, injector: Injector, fComponentsStore: FComponentsStore, fMediator: FFlowMediator, doc: Document);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     onPointerDown(event: IPointerEvent): boolean;
     protected prepareDragSequence(event: IPointerEvent): void;
     onPointerMove(event: IPointerEvent): void;
     onPointerUp(event: IPointerEvent): void;
+    protected finalizeDragSequence(): void;
     private emitSelectionChangeEvent;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FDraggableDirective, never>;

package/f-draggable/index.d.ts

@@ -8,5 +8,5 @@ export * from './e-f-draggable-type';
 export * from './f-draggable.directive';
 export * from './f-draggable-base';
 export * from './f-draggable-data-context';
-export * from './i-drag-and-drop-base';
+export * from './f-selection-change-event';
 export * from './i-draggable-item';

package/f-draggable/node/connection-source.drag-handler.d.ts

@@ -1,11 +1,9 @@
 import { IPoint } from '@foblex/core';
 import { IDraggableItem } from '../i-draggable-item';
 import { EFDraggableType } from '../e-f-draggable-type';
-import { GetInputRectInFlowHandler } from '../../domain';
 import { FConnectionBase } from '../../f-connection';
 import { FFlowMediator } from '../../f-mediator';
 export declare class ConnectionSourceDragHandler implements IDraggableItem {
-    private getInputRectInFlowHandler;
     private fMediator;
     private connection;
     readonly type: EFDraggableType;
@@ -13,7 +11,7 @@ export declare class ConnectionSourceDragHandler implements IDraggableItem {
     private fromConnectorSide;
     private toConnectorRect;
     private toConnectorSide;
-    constructor(getInputRectInFlowHandler: GetInputRectInFlowHandler, fMediator: FFlowMediator, connection: FConnectionBase);
+    constructor(fMediator: FFlowMediator, connection: FConnectionBase);
     initialize(): void;
     move(difference: IPoint): void;
 }

package/f-draggable/node/connection-target.drag-handler.d.ts

@@ -1,11 +1,9 @@
 import { IPoint } from '@foblex/core';
 import { IDraggableItem } from '../i-draggable-item';
 import { EFDraggableType } from '../e-f-draggable-type';
-import { GetInputRectInFlowHandler } from '../../domain';
 import { FConnectionBase } from '../../f-connection';
 import { FFlowMediator } from '../../f-mediator';
 export declare class ConnectionTargetDragHandler implements IDraggableItem {
-    private getInputRectInFlowHandler;
     private fMediator;
     private connection;
     readonly type: EFDraggableType;
@@ -13,7 +11,7 @@ export declare class ConnectionTargetDragHandler implements IDraggableItem {
     private fromConnectorSide;
     private toConnectorRect;
     private toConnectorSide;
-    constructor(getInputRectInFlowHandler: GetInputRectInFlowHandler, fMediator: FFlowMediator, connection: FConnectionBase);
+    constructor(fMediator: FFlowMediator, connection: FConnectionBase);
     initialize(): void;
     move(difference: IPoint): void;
 }

package/f-draggable/node/connection.drag-handler.d.ts

@@ -1,18 +1,16 @@
 import { IPoint } from '@foblex/core';
 import { IDraggableItem } from '../i-draggable-item';
 import { EFDraggableType } from '../e-f-draggable-type';
-import { GetInputRectInFlowHandler } from '../../domain';
 import { FConnectionBase } from '../../f-connection';
 import { FFlowMediator } from '../../f-mediator';
 export declare class ConnectionDragHandler implements IDraggableItem {
-    private getInputRectInFlowHandler;
     private fMediator;
     connection: FConnectionBase;
     readonly type = EFDraggableType.CONNECTION;
     private onPointerDownVector;
     private fromConnectorSide;
     private toConnectorSide;
-    constructor(getInputRectInFlowHandler: GetInputRectInFlowHandler, fMediator: FFlowMediator, connection: FConnectionBase);
+    constructor(fMediator: FFlowMediator, connection: FConnectionBase);
     initialize(): void;
     move(difference: IPoint): void;
 }

package/f-draggable/node/domain/is-connection-under-node/is-connection-under-node.handler.d.ts

@@ -1,17 +1,18 @@
 import { IHandler } from '@foblex/core';
 import { FComponentsStore } from '../../../../f-components-store';
 import { FDraggableDataContext } from '../../../f-draggable-data-context';
-import { GetElementRectInFlowHandler, GetIncomingConnectionsHandler, GetOutgoingConnectionsHandler } from '../../../../domain';
+import { GetIncomingConnectionsHandler, GetOutgoingConnectionsHandler } from '../../../../domain';
+import { FFlowMediator } from '../../../../f-mediator';
 import * as i0 from "@angular/core";
 export declare class IsConnectionUnderNodeHandler implements IHandler<void> {
     private fComponentsStore;
     private fDraggableDataContext;
-    private getElementRectInFlowHandler;
+    private fMediator;
     private getOutgoingConnectionsHandler;
     private getIncomingConnectionsHandler;
     private get transform();
     private get flowHost();
-    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, getElementRectInFlowHandler: GetElementRectInFlowHandler, getOutgoingConnectionsHandler: GetOutgoingConnectionsHandler, getIncomingConnectionsHandler: GetIncomingConnectionsHandler);
+    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, fMediator: FFlowMediator, getOutgoingConnectionsHandler: GetOutgoingConnectionsHandler, getIncomingConnectionsHandler: GetIncomingConnectionsHandler);
     handle(): void;
     private isValidRequest;
     private getOutputsForNode;

package/f-draggable/node/node.prepare-drag-sequence.d.ts

@@ -1,20 +1,19 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
 import { FComponentsStore } from '../../f-components-store';
 import { FDraggableDataContext } from '../f-draggable-data-context';
-import { GetIncomingConnectionsHandler, GetInputRectInFlowHandler, GetOutgoingConnectionsHandler, UpdateNodeLayerHandler } from '../../domain';
+import { GetIncomingConnectionsHandler, GetOutgoingConnectionsHandler, UpdateNodeLayerHandler } from '../../domain';
 import { FFlowMediator } from '../../f-mediator';
 import * as i0 from "@angular/core";
 export declare class NodePrepareDragSequence implements IHandler<IPointerEvent, void> {
     private fComponentsStore;
     private fDraggableDataContext;
     private updateNodeLayerHandler;
-    private getInputRectInFlowHandler;
     private getOutgoingConnectionsHandler;
     private getIncomingConnectionsHandler;
     private fMediator;
     private get transform();
     private get flowHost();
-    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, updateNodeLayerHandler: UpdateNodeLayerHandler, getInputRectInFlowHandler: GetInputRectInFlowHandler, getOutgoingConnectionsHandler: GetOutgoingConnectionsHandler, getIncomingConnectionsHandler: GetIncomingConnectionsHandler, fMediator: FFlowMediator);
+    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, updateNodeLayerHandler: UpdateNodeLayerHandler, getOutgoingConnectionsHandler: GetOutgoingConnectionsHandler, getIncomingConnectionsHandler: GetIncomingConnectionsHandler, fMediator: FFlowMediator);
     handle(event: IPointerEvent): void;
     private calculateDraggableConnectionsAndNodes;
     private getInputsForNode;

package/f-draggable/node/providers.d.ts

@@ -1,4 +1,4 @@
 import { NodeOnPointerUp } from './node.on-pointer-up';
 import { NodePrepareDragSequence } from './node.prepare-drag-sequence';
 import { IsConnectionUnderNodeHandler } from './domain/is-connection-under-node';
-export declare const NODE_PROVIDERS: (typeof IsConnectionUnderNodeHandler | typeof NodeOnPointerUp | typeof NodePrepareDragSequence)[];
+export declare const NODE_PROVIDERS: (typeof NodeOnPointerUp | typeof NodePrepareDragSequence | typeof IsConnectionUnderNodeHandler)[];

package/f-draggable/selection-area/get-can-be-selected-items/get-can-be-selected-items.handler.d.ts

@@ -2,16 +2,16 @@ import { IHandler } from '@foblex/core';
 import { ISelectableWithRect } from './i-selectable-with-rect';
 import { FComponentsStore } from '../../../f-components-store';
 import { FDraggableDataContext } from '../../f-draggable-data-context';
-import { GetElementRectInFlowHandler } from '../../../domain';
+import { FFlowMediator } from '../../../f-mediator';
 import * as i0 from "@angular/core";
 export declare class GetCanBeSelectedItemsHandler implements IHandler<void, ISelectableWithRect[]> {
     private fComponentsStore;
     private fDraggableDataContext;
-    private getElementRectInFlowHandler;
+    private fMediator;
     private get fNodes();
     private get fConnections();
     private get transform();
-    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, getElementRectInFlowHandler: GetElementRectInFlowHandler);
+    constructor(fComponentsStore: FComponentsStore, fDraggableDataContext: FDraggableDataContext, fMediator: FFlowMediator);
     handle(): ISelectableWithRect[];
     private getNodesWithRects;
     private getConnectionsWithRects;

package/f-draggable/single-select/index.d.ts

@@ -1,3 +1,2 @@
 export * from './providers';
-export * from './f-selection-change-event';
 export * from './single-select.on-pointer-down';

package/f-external-item/f-external-item-base.d.ts

@@ -1,11 +1,12 @@
 import { IHasHostElement } from '@foblex/core';
 import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare const F_EXTERNAL_ITEM: InjectionToken<FExternalItemBase>;
-export declare abstract class FExternalItemBase implements IHasHostElement {
-    abstract id: any;
+export declare const F_EXTERNAL_ITEM: InjectionToken<FExternalItemBase<any>>;
+export declare abstract class FExternalItemBase<TData = any> implements IHasHostElement {
+    abstract fExternalItemId: string;
     abstract hostElement: HTMLElement | SVGElement;
-    abstract data: any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FExternalItemBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemBase, never, never, {}, {}, never, never, false, never>;
+    abstract fData: TData | undefined;
+    abstract fDisabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FExternalItemBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemBase<any>, never, never, {}, {}, never, never, false, never>;
 }

package/f-external-item/f-external-item.directive.d.ts

@@ -2,15 +2,16 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { FExternalItemBase } from './f-external-item-base';
 import { FExternalItemService } from './f-external-item.service';
 import * as i0 from "@angular/core";
-export declare class FExternalItemDirective extends FExternalItemBase implements OnInit, OnDestroy {
+export declare class FExternalItemDirective<TData> extends FExternalItemBase<TData> implements OnInit, OnDestroy {
     private elementReference;
     private fExternalItemService;
-    id: string;
+    fExternalItemId: string;
     get hostElement(): HTMLElement | SVGElement;
-    data: any;
+    fData: TData | undefined;
+    fDisabled: boolean;
     constructor(elementReference: ElementRef<HTMLElement>, fExternalItemService: FExternalItemService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FExternalItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemDirective, "[fExternalItem]", never, { "id": { "alias": "id"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FExternalItemDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FExternalItemDirective<any>, "[fExternalItem]", never, { "fExternalItemId": { "alias": "fExternalItemId"; "required": false; }; "fData": { "alias": "fData"; "required": false; }; "fDisabled": { "alias": "fDisabled"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,13 +1,12 @@
 import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FFlowBase } from './f-flow-base';
 import { FComponentsStore } from '../f-components-store';
-import { GetAllNodesRectHandler } from '../domain';
 import { IRect } from '@foblex/core';
 import { FFlowMediator } from '../f-mediator';
+import { FSelectionChangeEvent } from '../f-draggable';
 import * as i0 from "@angular/core";
 export declare class FFlowComponent extends FFlowBase implements OnInit, AfterContentInit, OnDestroy {
     private elementReference;
-    private getAllNodesRectHandler;
     private fComponentsStore;
     private fMediator;
     private subscription$;
@@ -15,12 +14,16 @@ export declare class FFlowComponent extends FFlowBase implements OnInit, AfterCo
     get hostElement(): HTMLElement;
     fLoaded: EventEmitter<void>;
     private isLoaded;
-    constructor(elementReference: ElementRef<HTMLElement>, getAllNodesRectHandler: GetAllNodesRectHandler, fComponentsStore: FComponentsStore, fMediator: FFlowMediator);
+    constructor(elementReference: ElementRef<HTMLElement>, fComponentsStore: FComponentsStore, fMediator: FFlowMediator);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     private subscribeOnElementsChanges;
+    reset(): void;
     getNodesRect(): IRect;
+    getSelection(): FSelectionChangeEvent;
+    selectAll(): void;
+    clearSelection(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FFlowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "f-flow", never, { "fFlowId": { "alias": "fFlowId"; "required": false; }; }, { "fLoaded": "fLoaded"; }, never, ["[fDefinitions]", "f-background", "f-line-alignment", "f-canvas", "f-selection-area"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "f-flow", never, { "fFlowId": { "alias": "fFlowId"; "required": false; }; }, { "fLoaded": "fLoaded"; }, never, ["[fDefinitions]", "f-background", "f-line-alignment", "f-canvas", "f-selection-area", "f-mini-map"], false, never>;
 }