@foblex/flow 12.2.2 → 12.2.3

package/esm2022/f-storage/f-components-store.mjs

@@ -0,0 +1,41 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class FComponentsStore {
+    constructor() {
+        this.changes = new Subject();
+        this.fNodes = [];
+        this.fGroups = [];
+        this.fConnections = [];
+        this.fMarkers = [];
+        this.fOutputs = [];
+        this.fInputs = [];
+        this.fOutlets = [];
+    }
+    get flowHost() {
+        return this.fFlow?.hostElement;
+    }
+    get transform() {
+        return this.fCanvas?.transform;
+    }
+    findNode(element) {
+        return this.fNodes.find(n => n.isContains(element));
+    }
+    addComponent(collection, component) {
+        collection.push(component);
+        this.changes.next();
+    }
+    removeComponent(collection, component) {
+        const index = collection.indexOf(component);
+        if (index > -1) {
+            collection.splice(index, 1);
+            this.changes.next();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FComponentsStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FComponentsStore }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: FComponentsStore, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1jb21wb25lbnRzLXN0b3JlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvZi1mbG93L3NyYy9mLXN0b3JhZ2UvZi1jb21wb25lbnRzLXN0b3JlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFZL0IsTUFBTSxPQUFPLGdCQUFnQjtJQUQ3QjtRQUdrQixZQUFPLEdBQWtCLElBQUksT0FBTyxFQUFRLENBQUM7UUFnQnRELFdBQU0sR0FBZ0IsRUFBRSxDQUFDO1FBRXpCLFlBQU8sR0FBaUIsRUFBRSxDQUFDO1FBRTNCLGlCQUFZLEdBQXNCLEVBQUUsQ0FBQztRQUlyQyxhQUFRLEdBQWtCLEVBQUUsQ0FBQztRQUU3QixhQUFRLEdBQXFCLEVBQUUsQ0FBQztRQUVoQyxZQUFPLEdBQXFCLEVBQUUsQ0FBQztRQUUvQixhQUFRLEdBQXFCLEVBQUUsQ0FBQztLQW9CeEM7SUFoREMsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLEtBQUssRUFBRSxXQUFZLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsU0FBVSxDQUFDO0lBQ2xDLENBQUM7SUEwQk0sUUFBUSxDQUFDLE9BQWlDO1FBQy9DLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVNLFlBQVksQ0FBSSxVQUFlLEVBQUUsU0FBWTtRQUNsRCxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLGVBQWUsQ0FBSSxVQUFlLEVBQUUsU0FBWTtRQUNyRCxNQUFNLEtBQUssR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzVDLElBQUksS0FBSyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDZixVQUFVLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztZQUM1QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDOzhHQW5EVSxnQkFBZ0I7a0hBQWhCLGdCQUFnQjs7MkZBQWhCLGdCQUFnQjtrQkFENUIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElUcmFuc2Zvcm1Nb2RlbCB9IGZyb20gJ0Bmb2JsZXgvY29yZSc7XG5pbXBvcnQgeyBGQ29ubmVjdGlvbkJhc2UsIEZNYXJrZXJCYXNlIH0gZnJvbSAnLi4vZi1jb25uZWN0aW9uJztcbmltcG9ydCB7IEZGbG93QmFzZSB9IGZyb20gJy4uL2YtZmxvdyc7XG5pbXBvcnQgeyBGQ2FudmFzQmFzZSB9IGZyb20gJy4uL2YtY2FudmFzJztcbmltcG9ydCB7IEZCYWNrZ3JvdW5kQmFzZSB9IGZyb20gJy4uL2YtYmFja2dyb3VkJztcbmltcG9ydCB7IEZOb2RlQmFzZSB9IGZyb20gJy4uL2Ytbm9kZSc7XG5pbXBvcnQgeyBGQ29ubmVjdG9yQmFzZSB9IGZyb20gJy4uL2YtY29ubmVjdG9ycyc7XG5pbXBvcnQgeyBGRHJhZ2dhYmxlQmFzZSB9IGZyb20gJy4uL2YtZHJhZ2dhYmxlJztcbmltcG9ydCB7IEZHcm91cEJhc2UgfSBmcm9tICcuLi9mLWdyb3VwJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEZDb21wb25lbnRzU3RvcmUge1xuXG4gIHB1YmxpYyByZWFkb25seSBjaGFuZ2VzOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgZ2V0IGZsb3dIb3N0KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5mRmxvdz8uaG9zdEVsZW1lbnQhO1xuICB9XG5cbiAgcHVibGljIGdldCB0cmFuc2Zvcm0oKTogSVRyYW5zZm9ybU1vZGVsIHtcbiAgICByZXR1cm4gdGhpcy5mQ2FudmFzPy50cmFuc2Zvcm0hO1xuICB9XG5cbiAgcHVibGljIGZGbG93OiBGRmxvd0Jhc2UgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGZDYW52YXM6IEZDYW52YXNCYXNlIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBmQmFja2dyb3VuZDogRkJhY2tncm91bmRCYXNlIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBmTm9kZXM6IEZOb2RlQmFzZVtdID0gW107XG5cbiAgcHVibGljIGZHcm91cHM6IEZHcm91cEJhc2VbXSA9IFtdO1xuXG4gIHB1YmxpYyBmQ29ubmVjdGlvbnM6IEZDb25uZWN0aW9uQmFzZVtdID0gW107XG5cbiAgcHVibGljIGZUZW1wQ29ubmVjdGlvbjogRkNvbm5lY3Rpb25CYXNlIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBmTWFya2VyczogRk1hcmtlckJhc2VbXSA9IFtdO1xuXG4gIHB1YmxpYyBmT3V0cHV0czogRkNvbm5lY3RvckJhc2VbXSA9IFtdO1xuXG4gIHB1YmxpYyBmSW5wdXRzOiBGQ29ubmVjdG9yQmFzZVtdID0gW107XG5cbiAgcHVibGljIGZPdXRsZXRzOiBGQ29ubmVjdG9yQmFzZVtdID0gW107XG5cbiAgcHVibGljIGZEcmFnZ2FibGU6IEZEcmFnZ2FibGVCYXNlIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBmaW5kTm9kZShlbGVtZW50OiBIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQpOiBGTm9kZUJhc2UgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmZOb2Rlcy5maW5kKG4gPT4gbi5pc0NvbnRhaW5zKGVsZW1lbnQpKTtcbiAgfVxuXG4gIHB1YmxpYyBhZGRDb21wb25lbnQ8VD4oY29sbGVjdGlvbjogVFtdLCBjb21wb25lbnQ6IFQpOiB2b2lkIHtcbiAgICBjb2xsZWN0aW9uLnB1c2goY29tcG9uZW50KTtcbiAgICB0aGlzLmNoYW5nZXMubmV4dCgpO1xuICB9XG5cbiAgcHVibGljIHJlbW92ZUNvbXBvbmVudDxUPihjb2xsZWN0aW9uOiBUW10sIGNvbXBvbmVudDogVCk6IHZvaWQge1xuICAgIGNvbnN0IGluZGV4ID0gY29sbGVjdGlvbi5pbmRleE9mKGNvbXBvbmVudCk7XG4gICAgaWYgKGluZGV4ID4gLTEpIHtcbiAgICAgIGNvbGxlY3Rpb24uc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgIHRoaXMuY2hhbmdlcy5uZXh0KCk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/f-storage/index.mjs

@@ -0,0 +1,2 @@
+export * from './f-components-store';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9mLWZsb3cvc3JjL2Ytc3RvcmFnZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLWNvbXBvbmVudHMtc3RvcmUnO1xuIl19

package/esm2022/public-api.mjs

@@ -11,8 +11,7 @@ export * from './f-flow';
 export * from './f-group';
 export * from './f-node';
 export * from './f-mediator';
-export * from './f-components-store';
+export * from './f-storage';
 export * from './f-flow.module';
-export * from './get-flow-uid';
 export * from './i-has-state-changes';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUU5QixjQUFjLFlBQVksQ0FBQztBQUUzQixjQUFjLFVBQVUsQ0FBQztBQUV6QixjQUFjLGdCQUFnQixDQUFDO0FBRS9CLGNBQWMsZ0JBQWdCLENBQUM7QUFFL0IsY0FBYyxlQUFlLENBQUM7QUFFOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxXQUFXLENBQUM7QUFFMUIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxjQUFjLENBQUM7QUFFN0IsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxjQUFjLGlCQUFpQixDQUFDO0FBRWhDLGNBQWMsZ0JBQWdCLENBQUM7QUFFL0IsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1iYWNrZ3JvdWQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtY2FudmFzJztcblxuZXhwb3J0ICogZnJvbSAnLi9kb21haW4nO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtY29ubmVjdGlvbic7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0b3JzJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWRyYWdnYWJsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1leHRlcm5hbC1pdGVtJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWxpbmUtYWxpZ25tZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9mLXNlbGVjdGlvbi1hcmVhJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWZsb3cnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZ3JvdXAnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytbm9kZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1tZWRpYXRvcic7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb21wb25lbnRzLXN0b3JlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWZsb3cubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9nZXQtZmxvdy11aWQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ktaGFzLXN0YXRlLWNoYW5nZXMnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2YtZmxvdy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUU5QixjQUFjLFlBQVksQ0FBQztBQUUzQixjQUFjLFVBQVUsQ0FBQztBQUV6QixjQUFjLGdCQUFnQixDQUFDO0FBRS9CLGNBQWMsZ0JBQWdCLENBQUM7QUFFL0IsY0FBYyxlQUFlLENBQUM7QUFFOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxXQUFXLENBQUM7QUFFMUIsY0FBYyxVQUFVLENBQUM7QUFFekIsY0FBYyxjQUFjLENBQUM7QUFFN0IsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUVoQyxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9mLWJhY2tncm91ZCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jYW52YXMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2RvbWFpbic7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1jb25uZWN0aW9uJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWNvbm5lY3RvcnMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZHJhZ2dhYmxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLWV4dGVybmFsLWl0ZW0nO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtbGluZS1hbGlnbm1lbnQnO1xuXG5leHBvcnQgKiBmcm9tICcuL2Ytc2VsZWN0aW9uLWFyZWEnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZmxvdyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1ncm91cCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZi1ub2RlJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLW1lZGlhdG9yJztcblxuZXhwb3J0ICogZnJvbSAnLi9mLXN0b3JhZ2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtZmxvdy5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ktaGFzLXN0YXRlLWNoYW5nZXMnO1xuIl19

package/f-backgroud/f-background.component.d.ts

@@ -1,7 +1,7 @@
 import { AfterContentInit, ElementRef, OnDestroy, OnInit } from "@angular/core";
 import { FBackgroundBase } from './f-background-base';
 import { ITransformModel } from '@foblex/core';
-import { FComponentsStore } from '../f-components-store';
+import { FComponentsStore } from '../f-storage';
 import * as i0 from "@angular/core";
 export declare class FBackgroundComponent extends FBackgroundBase implements OnInit, AfterContentInit, OnDestroy {
     private elementReference;

package/f-backgroud/f-circle-pattern/f-circle-pattern.component.d.ts

@@ -0,0 +1,32 @@
+import { ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { ITransformModel } from '@foblex/core';
+import { IFBackgroundPattern } from '../domain';
+import * as i0 from "@angular/core";
+export declare class FCirclePatternComponent implements OnInit, OnDestroy, IFBackgroundPattern {
+    private elementReference;
+    private _subscription$;
+    private _stateChanges;
+    get hostElement(): HTMLElement;
+    id: string;
+    private _color;
+    set color(value: string);
+    private _radius;
+    private _scaledRadius;
+    set radius(value: number);
+    private _transform;
+    private _position;
+    private _pattern;
+    private _circle;
+    constructor(elementReference: ElementRef<HTMLElement>);
+    private createPattern;
+    ngOnInit(): void;
+    private subscribeToStateChanges;
+    private calculatePattern;
+    private redraw;
+    private redrawPattern;
+    private redrawElement;
+    setTransform(transform: ITransformModel): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FCirclePatternComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FCirclePatternComponent, "f-circle-pattern", never, { "id": { "alias": "id"; "required": false; }; "color": { "alias": "color"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; }, {}, never, never, false, never>;
+}

package/f-backgroud/f-circle-pattern/index.d.ts

@@ -0,0 +1 @@
+export * from './f-circle-pattern.component';

package/f-backgroud/f-rect-pattern/f-rect-pattern.component.d.ts

@@ -0,0 +1,37 @@
+import { ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { ITransformModel } from '@foblex/core';
+import { IFBackgroundPattern } from '../domain';
+import * as i0 from "@angular/core";
+export declare class FRectPatternComponent implements OnInit, OnDestroy, IFBackgroundPattern {
+    private elementReference;
+    private _subscription$;
+    private _stateChanges;
+    get hostElement(): HTMLElement;
+    id: string;
+    private _vColor;
+    set vColor(value: string);
+    private _hColor;
+    set hColor(value: string);
+    private _vSize;
+    set vSize(value: number);
+    private _hSize;
+    set hSize(value: number);
+    private _transform;
+    private _position;
+    private _size;
+    private _pattern;
+    private _vLine;
+    private _hLine;
+    constructor(elementReference: ElementRef<HTMLElement>);
+    private createPattern;
+    ngOnInit(): void;
+    private subscribeToStateChanges;
+    private calculatePattern;
+    private redraw;
+    private redrawPattern;
+    private redrawLine;
+    setTransform(transform: ITransformModel): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FRectPatternComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FRectPatternComponent, "f-rect-pattern", never, { "id": { "alias": "id"; "required": false; }; "vColor": { "alias": "vColor"; "required": false; }; "hColor": { "alias": "hColor"; "required": false; }; "vSize": { "alias": "vSize"; "required": false; }; "hSize": { "alias": "hSize"; "required": false; }; }, {}, never, never, false, never>;
+}

package/f-backgroud/f-rect-pattern/index.d.ts

@@ -0,0 +1 @@
+export * from './f-rect-pattern.component';

package/f-backgroud/index.d.ts

@@ -1,4 +1,5 @@
 export * from './domain';
-export * from './f-cell-pattern';
+export * from './f-rect-pattern';
+export * from './f-circle-pattern';
 export * from './f-background.component';
 export * from './f-background-base';

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

@@ -2,7 +2,7 @@ import { ElementRef, EventEmitter, OnInit } from "@angular/core";
 import { FCanvasBase } from './f-canvas-base';
 import { IPoint } from '@foblex/core';
 import { FCanvasChangeEvent } from './domain';
-import { FComponentsStore } from '../f-components-store';
+import { FComponentsStore } from '../f-storage';
 import { FNodeBase } from '../f-node';
 import { FFlowMediator } from '../f-mediator';
 import * as i0 from "@angular/core";
@@ -24,5 +24,5 @@ export declare class FCanvasComponent extends FCanvasBase implements OnInit {
     fitToScreen(toCenter?: IPoint, animated?: boolean): void;
     oneToOne(): 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>;
+    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", "[fGroup]", "[fNode]"], false, never>;
 }

package/f-canvas/f-zoom/f-zoom-base.d.ts

@@ -1,6 +1,6 @@
 import { IPoint } from '@foblex/core';
 import { InjectionToken } from '@angular/core';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 export declare const F_ZOOM: InjectionToken<FZoomBase>;
 export declare abstract class FZoomBase {
     protected fComponentsStore: FComponentsStore;

package/f-canvas/f-zoom/f-zoom.directive.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, OnDestroy } from "@angular/core";
 import { FZoomBase } from './f-zoom-base';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import * as i0 from "@angular/core";
 export declare class FZoomDirective extends FZoomBase implements AfterViewInit, OnDestroy {
     get fFlowZoom(): boolean;

package/f-connection/common/f-connection-base.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, QueryList } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { IHasHostElement, IPoint, IVector } from '@foblex/core';
 import { Subject } from 'rxjs';
 import { EFConnectionBehavior } from './e-f-connection-behavior';
@@ -29,6 +29,8 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements IHas
     abstract fEndColor: string;
     abstract fOutputId: string;
     abstract fInputId: string;
+    abstract fRadius: number;
+    abstract fOffset: number;
     path: string;
     vector: IVector;
     readonly stateChanges: Subject<void>;
@@ -38,7 +40,7 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements IHas
     abstract fBehavior: EFConnectionBehavior;
     abstract fType: EFConnectionType;
     abstract fDefs: ElementRef<SVGDefsElement>;
-    abstract fMarkers: QueryList<FMarkerBase>;
+    abstract fMarkers: FMarkerBase[];
     abstract fPath: IConnectionPath;
     abstract fGradient: IConnectionGradient;
     abstract fDragHandle: FConnectionDragHandleComponent;
@@ -48,11 +50,8 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements IHas
     abstract fConnectionCenter: ElementRef<HTMLDivElement>;
     protected constructor(elementReference: ElementRef<HTMLElement>, connectionFactory: FConnectionFactory);
     initialize(): void;
-    private reset;
     isContains(element: HTMLElement | SVGElement): boolean;
     setVector(from: IPoint, fromSide: EFConnectableSide, to: IPoint, toSide: EFConnectableSide): void;
-    setMarkers(): void;
-    private getMarkerId;
     redraw(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionBase, never, never, {}, {}, never, never, false, never>;

package/f-connection/common/f-path/f-connection-path.component.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
 export declare class FConnectionPathComponent implements IConnectionPath {
     private elementReference;
     private base;
+    get fPathId(): string;
     get linkToGradient(): string;
     get attrConnectionId(): string;
     get hostElement(): SVGPathElement;
@@ -14,8 +15,6 @@ export declare class FConnectionPathComponent implements IConnectionPath {
     setPath(path: string): void;
     select(): void;
     deselect(): void;
-    private getMarkerId;
-    isSelected(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionPathComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionPathComponent, "path[f-connection-path]", never, {}, {}, never, never, false, never>;
 }

package/f-connection/common/f-path/get-path-marker-id.d.ts

@@ -0,0 +1,4 @@
+export declare function getMarkerStartId(fConnectionId: string): string;
+export declare function getMarkerEndId(fConnectionId: string): string;
+export declare function getMarkerSelectedStartId(fConnectionId: string): string;
+export declare function getMarkerSelectedEndId(fConnectionId: string): string;

package/f-connection/common/f-path/index.d.ts

@@ -1,2 +1,3 @@
 export * from './f-connection-path.component';
+export * from './get-path-marker-id';
 export * from './i-connection-path';

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

@@ -2,7 +2,7 @@ import { ElementRef, OnDestroy, OnInit, QueryList } from "@angular/core";
 import { FConnectionBase, FConnectionDragHandleComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
 import { EFConnectionBehavior } from '../common';
 import { EFConnectionType } from '../common';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import { FMarkerBase } from '../f-marker';
 import { FConnectionCenterDirective } from '../f-connection-center';
 import { FConnectionFactory } from '../f-connection-builder';
@@ -10,21 +10,37 @@ import * as i0 from "@angular/core";
 export declare class FConnectionComponent extends FConnectionBase implements OnInit, OnDestroy {
     private fComponentsStore;
     fConnectionId: string;
-    fText: string;
-    fStartColor: string;
-    fEndColor: string;
-    fOutputId: string;
-    fInputId: string;
-    set fBehavior(value: EFConnectionBehavior | string);
-    get fBehavior(): EFConnectionBehavior;
+    private _fText;
+    set fText(value: string);
+    get fText(): string;
+    private _fStartColor;
+    set fStartColor(value: string);
+    get fStartColor(): string;
+    private _fEndColor;
+    set fEndColor(value: string);
+    get fEndColor(): string;
+    private _fOutputId;
+    set fOutputId(value: string);
+    get fOutputId(): string;
+    private _fInputId;
+    set fInputId(value: string);
+    get fInputId(): string;
+    private _fRadius;
+    set fRadius(value: number);
+    get fRadius(): number;
+    private _fOffset;
+    set fOffset(value: number);
+    get fOffset(): number;
     private _behavior;
+    set fBehavior(value: EFConnectionBehavior);
+    get fBehavior(): EFConnectionBehavior;
+    private _type;
     set fType(value: EFConnectionType | string);
     get fType(): EFConnectionType;
-    private _type;
     fDraggingDisabled: boolean;
     fSelectionDisabled: boolean;
     fDefs: ElementRef<SVGDefsElement>;
-    fMarkers: QueryList<FMarkerBase>;
+    get fMarkers(): FMarkerBase[];
     fPath: IConnectionPath;
     fGradient: IConnectionGradient;
     fDragHandle: FConnectionDragHandleComponent;
@@ -37,5 +53,5 @@ export declare class FConnectionComponent extends FConnectionBase implements OnI
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionComponent, "f-connection", ["fComponent"], { "fConnectionId": { "alias": "fConnectionId"; "required": false; }; "fText": { "alias": "fText"; "required": false; }; "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fOutputId": { "alias": "fOutputId"; "required": false; }; "fInputId": { "alias": "fInputId"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; "fDraggingDisabled": { "alias": "fReassignDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fSelectionDisabled"; "required": false; }; }, {}, ["fMarkers", "fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionComponent, "f-connection", ["fComponent"], { "fConnectionId": { "alias": "fConnectionId"; "required": false; }; "fText": { "alias": "fText"; "required": false; }; "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fOutputId": { "alias": "fOutputId"; "required": false; }; "fInputId": { "alias": "fInputId"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; "fDraggingDisabled": { "alias": "fReassignDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fSelectionDisabled"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
 }

package/f-connection/f-connection-for-create/f-connection-for-create.component.d.ts

@@ -2,29 +2,39 @@ import { AfterViewInit, ElementRef, OnDestroy, OnInit, QueryList } from "@angula
 import { FConnectionBase, FConnectionDragHandleComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
 import { EFConnectionBehavior } from '../common';
 import { EFConnectionType } from '../common';
-import { FComponentsStore } from '../../f-components-store';
 import { FMarkerBase } from '../f-marker';
 import { FConnectionCenterDirective } from '../f-connection-center';
 import { FConnectionFactory } from '../f-connection-builder';
+import { FComponentsStore } from '../../f-storage';
 import * as i0 from "@angular/core";
 export declare class FConnectionForCreateComponent extends FConnectionBase implements AfterViewInit, OnInit, OnDestroy {
     private fComponentsStore;
     fConnectionId: string;
     fText: string;
-    fStartColor: string;
-    fEndColor: string;
+    private _fStartColor;
+    set fStartColor(value: string);
+    get fStartColor(): string;
+    private _fEndColor;
+    set fEndColor(value: string);
+    get fEndColor(): string;
     fOutputId: string;
     fInputId: string;
+    private _fRadius;
+    set fRadius(value: number);
+    get fRadius(): number;
+    private _fOffset;
+    set fOffset(value: number);
+    get fOffset(): number;
+    private _behavior;
     set fBehavior(value: EFConnectionBehavior);
     get fBehavior(): EFConnectionBehavior;
-    private _behavior;
+    private _type;
     set fType(value: EFConnectionType | string);
     get fType(): EFConnectionType;
-    private _type;
     fDraggingDisabled: boolean;
     fSelectionDisabled: boolean;
     fDefs: ElementRef<SVGDefsElement>;
-    fMarkers: QueryList<FMarkerBase>;
+    get fMarkers(): FMarkerBase[];
     fPath: IConnectionPath;
     fGradient: IConnectionGradient;
     fDragHandle: FConnectionDragHandleComponent;
@@ -38,5 +48,5 @@ export declare class FConnectionForCreateComponent extends FConnectionBase imple
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionForCreateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionForCreateComponent, "f-connection-for-create", never, { "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fMarkers", "fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionForCreateComponent, "f-connection-for-create", never, { "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
 }

package/f-connection/f-marker/f-marker-base.d.ts

@@ -9,6 +9,8 @@ export declare abstract class FMarkerBase implements IHasHostElement {
     abstract refX: number;
     abstract refY: number;
     abstract type: string;
+    abstract orient: 'auto' | 'auto-start-reverse' | string;
+    abstract markerUnits: 'strokeWidth' | 'userSpaceOnUse';
     static ɵfac: i0.ɵɵFactoryDeclaration<FMarkerBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FMarkerBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-connection/f-marker/f-marker.directive.d.ts

@@ -1,7 +1,9 @@
-import { ElementRef } from "@angular/core";
+import { ElementRef, OnDestroy, OnInit } from "@angular/core";
 import { FMarkerBase } from './f-marker-base';
+import { FComponentsStore } from '../../f-storage';
 import * as i0 from "@angular/core";
-export declare class FMarkerDirective extends FMarkerBase {
+export declare class FMarkerDirective extends FMarkerBase implements OnInit, OnDestroy {
+    private fComponentsStore;
     private elementReference;
     get hostElement(): HTMLElement;
     width: number;
@@ -9,7 +11,11 @@ export declare class FMarkerDirective extends FMarkerBase {
     refX: number;
     refY: number;
     type: string;
-    constructor(elementReference: ElementRef<HTMLElement>);
+    orient: 'auto' | 'auto-start-reverse' | 'calculated' | string;
+    markerUnits: 'strokeWidth' | 'userSpaceOnUse';
+    constructor(fComponentsStore: FComponentsStore, elementReference: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMarkerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FMarkerDirective, "svg[fMarker]", never, { "hostElement": { "alias": "hostElement"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "refX": { "alias": "refX"; "required": false; }; "refY": { "alias": "refY"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMarkerDirective, "svg[fMarker]", never, { "hostElement": { "alias": "hostElement"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "refX": { "alias": "refX"; "required": false; }; "refY": { "alias": "refY"; "required": false; }; "type": { "alias": "type"; "required": false; }; "orient": { "alias": "orient"; "required": false; }; "markerUnits": { "alias": "markerUnits"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -2,7 +2,7 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { FNodeInputBase } from './f-node-input-base';
 import { EFConnectableSide } from '../e-f-connectable-side';
 import { FNodeBase } from '../../f-node';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import * as i0 from "@angular/core";
 export declare class FNodeInputDirective extends FNodeInputBase implements OnInit, OnDestroy {
     private elementReference;

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

@@ -1,7 +1,7 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { FNodeOutletBase } from './f-node-outlet-base';
 import { FNodeBase } from '../../f-node';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import { EFConnectableSide } from '../e-f-connectable-side';
 import * as i0 from "@angular/core";
 export declare class FNodeOutletDirective extends FNodeOutletBase implements OnInit, OnDestroy {

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

@@ -2,7 +2,7 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { FNodeOutputBase } from './f-node-output-base';
 import { EFConnectableSide } from '../e-f-connectable-side';
 import { FNodeBase } from '../../f-node';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import * as i0 from "@angular/core";
 export declare class FNodeOutputDirective extends FNodeOutputBase implements OnInit, OnDestroy {
     private elementReference;

package/f-draggable/canvas/canvas.drag-handler.d.ts

@@ -1,7 +1,7 @@
 import { IPoint } from '@foblex/core';
 import { IDraggableItem } from '../i-draggable-item';
 import { EFDraggableType } from '../e-f-draggable-type';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 export declare class CanvasDragHandler implements IDraggableItem {
     private fComponentsStore;
     readonly type: EFDraggableType;

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

@@ -1,5 +1,5 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import { FDraggableDataContext } from '../f-draggable-data-context';
 import * as i0 from "@angular/core";
 export declare class CanvasPrepareDragSequence implements IHandler<IPointerEvent, void> {

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

@@ -1,3 +1,3 @@
 import { CanvasOnPointerUp } from './canvas.on-pointer-up';
 import { CanvasPrepareDragSequence } from './canvas.prepare-drag-sequence';
-export declare const CANVAS_PROVIDERS: (typeof CanvasPrepareDragSequence | typeof CanvasOnPointerUp)[];
+export declare const CANVAS_PROVIDERS: (typeof CanvasOnPointerUp | typeof CanvasPrepareDragSequence)[];

package/f-draggable/connections/create-connection/create-connection.on-pointer-up.d.ts

@@ -1,6 +1,6 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
 import { FindInputsUnderPointerHandler } from '../find-inputs-under-pointer';
-import { FComponentsStore } from '../../../f-components-store';
+import { FComponentsStore } from '../../../f-storage';
 import { FDraggableDataContext } from '../../f-draggable-data-context';
 import { FindFirstCanBeConnectedOutputByOutletHandler } from './find-first-can-be-connected-output-by-outlet';
 import * as i0 from "@angular/core";

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

@@ -1,5 +1,5 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
-import { FComponentsStore } from '../../../f-components-store';
+import { FComponentsStore } from '../../../f-storage';
 import { FDraggableDataContext } from '../../f-draggable-data-context';
 import { FindFirstCanBeConnectedOutputByOutletHandler } from './find-first-can-be-connected-output-by-outlet';
 import { FFlowMediator } from '../../../f-mediator';

package/f-draggable/connections/create-connection/find-first-can-be-connected-output-by-outlet/find-first-can-be-connected-output-by-outlet.handler.d.ts

@@ -1,5 +1,5 @@
 import { IHandler } from '@foblex/core';
-import { FComponentsStore } from '../../../../f-components-store';
+import { FComponentsStore } from '../../../../f-storage';
 import { FConnectorBase, FNodeOutletBase } from '../../../../f-connectors';
 import * as i0 from "@angular/core";
 export declare class FindFirstCanBeConnectedOutputByOutletHandler implements IHandler<FNodeOutletBase, FConnectorBase | undefined> {

package/f-draggable/connections/find-inputs-under-pointer/find-inputs-under-pointer.handler.d.ts

@@ -1,6 +1,6 @@
 import { IHandler } from '@foblex/core';
 import { FindInputsUnderPointerRequest } from './find-inputs-under-pointer.request';
-import { FComponentsStore } from '../../../f-components-store';
+import { FComponentsStore } from '../../../f-storage';
 import { FirstNotConnectedInputOfNodeUnderPointerHandler } from './first-not-connected-input-of-node-under-pointer';
 import { FConnectorBase } from '../../../f-connectors';
 import * as i0 from "@angular/core";

package/f-draggable/connections/find-inputs-under-pointer/first-not-connected-input-of-node-under-pointer/first-not-connected-input-of-node-under-pointer.handler.d.ts

@@ -1,5 +1,5 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
-import { FComponentsStore } from '../../../../f-components-store';
+import { FComponentsStore } from '../../../../f-storage';
 import { FConnectorBase } from '../../../../f-connectors';
 import * as i0 from "@angular/core";
 export declare class FirstNotConnectedInputOfNodeUnderPointerHandler implements IHandler<IPointerEvent, FConnectorBase | undefined> {

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

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

package/f-draggable/connections/reassign-connection/reassign-connection.on-pointer-up.d.ts

@@ -1,6 +1,6 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
 import { FindInputsUnderPointerHandler } from '../index';
-import { FComponentsStore } from '../../../f-components-store';
+import { FComponentsStore } from '../../../f-storage';
 import { FDraggableDataContext } from '../../f-draggable-data-context';
 import * as i0 from "@angular/core";
 export declare class ReassignConnectionOnPointerUp implements IHandler<IPointerEvent, void> {

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

@@ -1,5 +1,5 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
-import { FComponentsStore } from '../../../f-components-store';
+import { FComponentsStore } from '../../../f-storage';
 import { FDraggableDataContext } from '../../f-draggable-data-context';
 import { GetConnectionHandler } from '../../../domain';
 import { FFlowMediator } from '../../../f-mediator';

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

@@ -1,5 +1,5 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import { FDraggableDataContext } from '../f-draggable-data-context';
 import { FFlowMediator } from '../../f-mediator';
 import * as i0 from "@angular/core";

package/f-draggable/external-item/external-item.prepare-drag-sequence.d.ts

@@ -1,5 +1,5 @@
 import { IHandler, IPointerEvent } from '@foblex/core';
-import { FComponentsStore } from '../../f-components-store';
+import { FComponentsStore } from '../../f-storage';
 import { FDraggableDataContext } from '../f-draggable-data-context';
 import { FExternalItemService } from '../../f-external-item';
 import * as i0 from "@angular/core";

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

@@ -31,6 +31,7 @@ export declare abstract class FDraggableBase implements IHasHostElement {
     protected constructor(ngZone: ICanRunOutsideAngular);
     private onMouseDown;
     private onTouchDown;
+    private onSelectStart;
     private onMouseMove;
     private onTouchMove;
     private checkDragSequenceToStart;
@@ -39,6 +40,7 @@ export declare abstract class FDraggableBase implements IHasHostElement {
     private onTouchUp;
     private endDragSequence;
     protected abstract finalizeDragSequence(): void;
+    protected abstract onSelect(event: Event): void;
     abstract onPointerDown(event: IPointerEvent): boolean;
     abstract onPointerMove(event: IPointerEvent): void;
     abstract onPointerUp(event: IPointerEvent): void;

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef, EventEmitter, Injector, NgZone, OnDestroy, OnInit } from "@angular/core";
 import { FDraggableBase } from './f-draggable-base';
-import { FComponentsStore } from '../f-components-store';
+import { FComponentsStore } from '../f-storage';
 import { FDraggableDataContext } from './f-draggable-data-context';
 import { FCreateNodeEvent } from './external-item';
 import { IPointerEvent } from '@foblex/core';
@@ -27,6 +27,7 @@ export declare class FDraggableDirective extends FDraggableBase implements OnIni
     ngAfterViewInit(): void;
     onPointerDown(event: IPointerEvent): boolean;
     protected prepareDragSequence(event: IPointerEvent): void;
+    protected onSelect(event: Event): void;
     onPointerMove(event: IPointerEvent): void;
     onPointerUp(event: IPointerEvent): void;
     protected finalizeDragSequence(): void;

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

@@ -1,5 +1,5 @@
 import { IHandler } from '@foblex/core';
-import { FComponentsStore } from '../../../../f-components-store';
+import { FComponentsStore } from '../../../../f-storage';
 import { FDraggableDataContext } from '../../../f-draggable-data-context';
 import { GetIncomingConnectionsHandler, GetOutgoingConnectionsHandler } from '../../../../domain';
 import { FFlowMediator } from '../../../../f-mediator';