@foblex/flow 1.3.5 → 1.4.0

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

@@ -1,7 +1,7 @@
 import { ElementRef, OnDestroy, OnInit, QueryList } from "@angular/core";
 import { FConnectionBase, FConnectionDragHandleComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
-import { EConnectionBehavior } from '../common';
-import { EConnectionType } from '../common';
+import { EFConnectionBehavior } from '../common';
+import { EFConnectionType } from '../common';
 import { FComponentsStore } from '../../f-components-store';
 import { FMarkerBase } from '../f-marker';
 import * as i0 from "@angular/core";
@@ -13,11 +13,11 @@ export declare class FConnectionComponent extends FConnectionBase implements OnI
     endColor: string;
     outputId: any;
     inputId: any;
-    set behavior(value: EConnectionBehavior | string);
-    get behavior(): EConnectionBehavior;
+    set behavior(value: EFConnectionBehavior | string);
+    get behavior(): EFConnectionBehavior;
     private _behavior;
-    set type(value: EConnectionType | string);
-    get type(): EConnectionType;
+    set type(value: EFConnectionType | string);
+    get type(): EFConnectionType;
     private _type;
     disabled: boolean;
     fDefs: ElementRef<SVGDefsElement>;

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

@@ -1,7 +1,7 @@
 import { AfterViewInit, ElementRef, OnDestroy, OnInit, QueryList } from "@angular/core";
 import { FConnectionBase, FConnectionDragHandleComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
-import { EConnectionBehavior } from '../common';
-import { EConnectionType } from '../common';
+import { EFConnectionBehavior } from '../common';
+import { EFConnectionType } from '../common';
 import { FComponentsStore } from '../../f-components-store';
 import { FMarkerBase } from '../f-marker';
 import * as i0 from "@angular/core";
@@ -14,10 +14,10 @@ export declare class FConnectionForCreateComponent extends FConnectionBase imple
     outputId: string | undefined;
     inputId: string | undefined;
     set behavior(value: 'fixed' | 'floating');
-    get behavior(): EConnectionBehavior;
+    get behavior(): EFConnectionBehavior;
     private _behavior;
-    set type(value: 'segment' | 'straight' | 'bezier');
-    get type(): EConnectionType;
+    set type(value: EFConnectionType | string);
+    get type(): EFConnectionType;
     private _type;
     disabled: boolean;
     fDefs: ElementRef<SVGDefsElement>;

package/f-connection/f-marker/e-f-marker-type.d.ts

@@ -1,6 +1,6 @@
 export declare enum EFMarkerType {
     START = "f-connection-marker-start",
     END = "f-connection-marker-end",
-    SELECTED_START = "selected_start",
-    SELECTED_END = "selected_end"
+    SELECTED_START = "f-connection-selected-marker-start",
+    SELECTED_END = "f-connection-selected-marker-end"
 }

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

@@ -0,0 +1,15 @@
+import { ElementRef } from "@angular/core";
+import { FMarkerBase } from './f-marker-base';
+import * as i0 from "@angular/core";
+export declare class FMarkerDirective extends FMarkerBase {
+    private elementReference;
+    get hostElement(): HTMLElement;
+    width: number;
+    height: number;
+    refX: number;
+    refY: number;
+    type: string;
+    constructor(elementReference: ElementRef<HTMLElement>);
+    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, true, never>;
+}

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

@@ -1,3 +1,3 @@
 export * from './e-f-marker-type';
-export * from './f-marker.component';
+export * from './f-marker.directive';
 export * from './f-marker-base';

package/f-flow/domain/redraw-connections/redraw-connections.handler.d.ts

@@ -0,0 +1,16 @@
+import { IHandler } from '@foblex/core';
+import { GetConnectionVectorHandler, GetElementRectInFlowHandler } from '../../../domain';
+import { FComponentsStore } from '../../../f-components-store';
+import * as i0 from "@angular/core";
+export declare class RedrawConnectionsHandler implements IHandler<void, void> {
+    private readonly fComponentsStore;
+    private getElementRectInFlowHandler;
+    private getConnectionVectorHandler;
+    constructor(fComponentsStore: FComponentsStore, getElementRectInFlowHandler: GetElementRectInFlowHandler, getConnectionVectorHandler: GetConnectionVectorHandler);
+    handle(): void;
+    private resetConnectors;
+    private setupConnection;
+    private getVector;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RedrawConnectionsHandler, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RedrawConnectionsHandler>;
+}

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

@@ -0,0 +1,26 @@
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { IFlowBase } from './i-flow-base';
+import { FComponentsStore } from '../f-components-store';
+import { GetAllNodesRectHandler } from '../domain';
+import { IRect } from '@foblex/core';
+import { RedrawConnectionsHandler } from './domain/redraw-connections/redraw-connections.handler';
+import * as i0 from "@angular/core";
+export declare class FFlowComponent implements IFlowBase, OnInit, AfterContentInit, OnDestroy {
+    private elementReference;
+    private redrawConnectionsHandler;
+    private getAllNodesRectHandler;
+    private fComponentsStore;
+    private subscription$;
+    id: string;
+    get hostElement(): HTMLElement;
+    fLoaded: EventEmitter<void>;
+    private isLoaded;
+    constructor(elementReference: ElementRef<HTMLElement>, redrawConnectionsHandler: RedrawConnectionsHandler, getAllNodesRectHandler: GetAllNodesRectHandler, fComponentsStore: FComponentsStore);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    private subscribeOnElementsChanges;
+    getNodesRect(): IRect;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FFlowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "f-flow", never, { "id": { "alias": "id"; "required": false; }; }, { "fLoaded": "fLoaded"; }, never, ["[fDefinitions]", "f-background", "f-line-alignment", "f-canvas", "f-selection-area"], false, never>;
+}

package/{components/f-flow → f-flow}/index.d.ts

@@ -1,5 +1,4 @@
-export * from './f-backgroud';
-export * from './f-canvas';
+export * from './domain/redraw-connections/redraw-connections.handler';
 export * from './f-flow.component';
 export * from './i-flow-base';
 export * from './f-parent.injection-token';

package/f-flow/public-api.d.ts

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

package/f-flow.module.d.ts

@@ -5,13 +5,13 @@ import * as i3 from "./f-connection/common/f-path/f-connection-path.component";
 import * as i4 from "./f-connection/common/f-connection-text/f-connection-text.component";
 import * as i5 from "./f-connection/common/f-connection-text/f-connection-text-path.directive";
 import * as i6 from "./f-connection/common/f-selection/f-connection-selection.component";
-import * as i7 from "./components/f-flow/f-flow.component";
-import * as i8 from "./components/f-flow/f-backgroud/f-background.component";
-import * as i9 from "./components/f-flow/f-canvas/f-canvas.component";
-import * as i10 from "./f-node/f-node.component";
+import * as i7 from "./f-flow/f-flow.component";
+import * as i8 from "./f-backgroud/f-background.component";
+import * as i9 from "./f-canvas/f-canvas.component";
+import * as i10 from "./f-node/f-node.directive";
 import * as i11 from "./f-connection/f-connection/f-connection.component";
 import * as i12 from "./f-connection/f-connection-for-create/f-connection-for-create.component";
-import * as i13 from "./components/f-flow/f-canvas/f-zoom/f-zoom.directive";
+import * as i13 from "./f-canvas/f-zoom/f-zoom.directive";
 import * as i14 from "./f-node/f-connectors/f-node-input/f-node-input.directive";
 import * as i15 from "./f-node/f-connectors/f-node-outlet/f-node-outlet.directive";
 import * as i16 from "./f-node/f-connectors/f-node-output/f-node-output.directive";
@@ -22,6 +22,6 @@ import * as i20 from "./f-draggable/components/f-line-alignment/f-line-alignment
 import * as i21 from "@angular/common";
 export declare class FFlowModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FFlowModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FFlowModule, [typeof i1.FConnectionDragHandleComponent, typeof i2.FConnectionGradientComponent, typeof i3.FConnectionPathComponent, typeof i4.FConnectionTextComponent, typeof i5.FConnectionTextPathDirective, typeof i6.FConnectionSelectionComponent, typeof i7.FFlowComponent, typeof i8.FBackgroundComponent, typeof i9.FCanvasComponent, typeof i10.FNodeComponent, typeof i11.FConnectionComponent, typeof i12.FConnectionForCreateComponent, typeof i13.FZoomDirective, typeof i14.FNodeInputDirective, typeof i15.FNodeOutletDirective, typeof i16.FNodeOutputDirective, typeof i17.FDraggableDirective, typeof i18.FExternalItemDirective, typeof i19.FSelectionAreaComponent, typeof i20.FLineAlignmentComponent], [typeof i21.CommonModule], [typeof i7.FFlowComponent, typeof i8.FBackgroundComponent, typeof i9.FCanvasComponent, typeof i10.FNodeComponent, typeof i11.FConnectionComponent, typeof i12.FConnectionForCreateComponent, typeof i13.FZoomDirective, typeof i14.FNodeInputDirective, typeof i15.FNodeOutletDirective, typeof i16.FNodeOutputDirective, typeof i17.FDraggableDirective, typeof i18.FExternalItemDirective, typeof i19.FSelectionAreaComponent, typeof i20.FLineAlignmentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FFlowModule, [typeof i1.FConnectionDragHandleComponent, typeof i2.FConnectionGradientComponent, typeof i3.FConnectionPathComponent, typeof i4.FConnectionTextComponent, typeof i5.FConnectionTextPathDirective, typeof i6.FConnectionSelectionComponent, typeof i7.FFlowComponent, typeof i8.FBackgroundComponent, typeof i9.FCanvasComponent, typeof i10.FNodeDirective, typeof i11.FConnectionComponent, typeof i12.FConnectionForCreateComponent, typeof i13.FZoomDirective, typeof i14.FNodeInputDirective, typeof i15.FNodeOutletDirective, typeof i16.FNodeOutputDirective, typeof i17.FDraggableDirective, typeof i18.FExternalItemDirective, typeof i19.FSelectionAreaComponent, typeof i20.FLineAlignmentComponent], [typeof i21.CommonModule], [typeof i7.FFlowComponent, typeof i8.FBackgroundComponent, typeof i9.FCanvasComponent, typeof i10.FNodeDirective, typeof i11.FConnectionComponent, typeof i12.FConnectionForCreateComponent, typeof i13.FZoomDirective, typeof i14.FNodeInputDirective, typeof i15.FNodeOutletDirective, typeof i16.FNodeOutputDirective, typeof i17.FDraggableDirective, typeof i18.FExternalItemDirective, typeof i19.FSelectionAreaComponent, typeof i20.FLineAlignmentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FFlowModule>;
 }

package/f-node/{f-node.component.d.ts → f-node.directive.d.ts}

@@ -4,7 +4,7 @@ import { FNodeBase } from './f-node-base';
 import { FConnectorBase } from './f-connectors';
 import { FComponentsStore } from '../f-components-store';
 import * as i0 from "@angular/core";
-export declare class FNodeComponent extends FNodeBase implements OnInit, AfterViewInit, IHasHostElement, OnDestroy {
+export declare class FNodeDirective extends FNodeBase implements OnInit, AfterViewInit, IHasHostElement, OnDestroy {
     private elementReference;
     private renderer;
     private fComponentsStore;
@@ -25,6 +25,6 @@ export declare class FNodeComponent extends FNodeBase implements OnInit, AfterVi
     removeConnector(connector: FConnectorBase): void;
     refresh(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FNodeComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeComponent, "[fNode]", ["fComponent"], { "id": { "alias": "id"; "required": false; }; "position": { "alias": "fNodePosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "positionChange": "fNodePositionChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FNodeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FNodeDirective, "[fNode]", ["fComponent"], { "id": { "alias": "id"; "required": false; }; "position": { "alias": "fNodePosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "positionChange": "fNodePositionChange"; }, never, never, false, never>;
 }

package/f-node/index.d.ts

@@ -1,6 +1,6 @@
 export * from './f-connectors';
 export * from './f-drag-handle';
-export * from './f-node.component';
+export * from './f-node.directive';
 export * from './f-node-base';
 export * from './f-resize-observer';
 export * from './is-node';

package/f-node/public-api.d.ts

@@ -1,3 +1,3 @@
 export * from './f-connectors/public-api';
 export * from './f-drag-handle/public-api';
-export * from './f-node.component';
+export * from './f-node.directive';