@foblex/flow 1.0.1 → 1.0.3

package/lib/components/f-connection/f-connection-base.d.ts

@@ -4,9 +4,11 @@ import { FNodeOutputBase } from '../f-connectors';
 import { IInputOutputModel } from './i-input-output-model';
 import { ISelectable } from '../../i-selectable';
 import { FConnectionPathComponent } from './f-path/f-connection-path.component';
+import { IHasStateChanges } from '../../i-has-state-changes';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare const F_CONNECTION_COMPONENT: InjectionToken<FConnectionBase<FNodeOutputBase>>;
-export declare abstract class FConnectionBase<TOutput = FNodeOutputBase> implements IHasHostElement, ISelectable {
+export declare abstract class FConnectionBase<TOutput = FNodeOutputBase> implements IHasHostElement, ISelectable, IHasStateChanges {
     abstract id: any;
     abstract hostElement: SVGGElement;
     abstract outputId: any;
@@ -15,6 +17,7 @@ export declare abstract class FConnectionBase<TOutput = FNodeOutputBase> impleme
     abstract fPath: FConnectionPathComponent;
     path: string;
     vector: IVector;
+    readonly stateChanges: Subject<void>;
     initialize(): void;
     isContains(element: HTMLElement | SVGElement): boolean;
     abstract initializeDrag(): void;
@@ -23,6 +26,7 @@ export declare abstract class FConnectionBase<TOutput = FNodeOutputBase> impleme
     abstract completeDrag(): void;
     deselect(): void;
     select(): void;
+    isSelected(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionBase<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionBase<any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/components/f-connection/f-path/f-connection-path.component.d.ts

@@ -15,6 +15,7 @@ export declare class FConnectionPathComponent implements IHasHostElement, ISelec
     setPath(path: string): void;
     select(): void;
     deselect(): void;
+    isSelected(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionPathComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionPathComponent, "path[f-connection-path]", never, { "fromTo": { "alias": "fromTo"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,10 +1,10 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, QueryList } from '@angular/core';
 import { IHasHostElement, ITransformModel } from '@foblex/core';
-import { FItemsContainerBase } from '../../directives/f-containers/f-items-container';
+import { FItemsContainerBase } from '../../directives';
 import { FNodeInputBase, FNodeOutletBase, FNodeOutputBase } from '../f-connectors';
-import { FBackgroundBase } from '../../internal/f-backgroud';
-import { FConnectionsContainerBase } from '../../directives/f-containers/f-connections-container/f-connections-container-base';
-import { FNodesContainerBase } from '../../directives/f-containers/f-nodes-container';
+import { FBackgroundBase } from '../../internal';
+import { FConnectionsContainerBase } from '../../directives';
+import { FNodesContainerBase } from '../../directives';
 import * as i0 from "@angular/core";
 export declare const F_FLOW_COMPONENT: InjectionToken<FFlowBase>;
 export declare abstract class FFlowBase implements IHasHostElement, AfterContentInit, OnDestroy {

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

@@ -1,11 +1,11 @@
 import { ChangeDetectorRef, ElementRef, NgZone, QueryList } from '@angular/core';
-import { FItemsContainerBase } from '../../directives/f-containers/f-items-container';
+import { FItemsContainerBase } from '../../directives';
 import { FFlowBase } from './f-flow-base';
 import { ITransformModel } from '@foblex/core';
 import { FNodeInputBase, FNodeOutletBase, FNodeOutputBase } from '../f-connectors';
-import { FNodesContainerBase } from '../../directives/f-containers/f-nodes-container';
-import { FConnectionsContainerBase } from '../../directives/f-containers/f-connections-container/f-connections-container-base';
-import { FBackgroundBase } from '../../internal/f-backgroud';
+import { FNodesContainerBase } from '../../directives';
+import { FConnectionsContainerBase } from '../../directives';
+import { FBackgroundBase } from '../../internal';
 import * as i0 from "@angular/core";
 import * as i1 from "../../internal/f-canvas/f-canvas.directive";
 export declare const CONNECTION_MARKER_START = "connection-marker-start";

package/lib/components/f-node/f-node-base.d.ts

@@ -14,11 +14,13 @@ export declare abstract class FNodeBase implements IHasStateChanges, ISelectable
     readonly stateChanges: Subject<void>;
     abstract positionChange: EventEmitter<IPoint>;
     abstract position: IPoint;
+    protected _position: IPoint;
     abstract refresh(): void;
     isContains(element: HTMLElement | SVGElement): boolean;
     redraw(): void;
     deselect(): void;
     select(): void;
+    isSelected(): boolean;
     updatePosition(position: IPoint): void;
     completeDrag(): void;
 }

package/lib/components/f-node/f-node.component.d.ts

@@ -11,7 +11,6 @@ export declare class FNodeComponent extends FNodeBase implements OnInit, IHasHos
     fForeignObject: FForeignObjectBase;
     set position(value: PointInput);
     get position(): IPoint;
-    private _position;
     positionChange: EventEmitter<IPoint>;
     get hostElement(): SVGGElement;
     constructor(elementReference: ElementRef<SVGGElement>);

package/lib/components/f-node/index.d.ts

@@ -2,3 +2,4 @@ export * from './f-drag-handle';
 export * from './f-foreign-object';
 export * from './f-node.component';
 export * from './f-node-base';
+export * from './is-node';

package/lib/components/f-node/is-node.d.ts

@@ -0,0 +1 @@
+export declare function isNode(element: HTMLElement | SVGElement): boolean;

package/lib/directives/f-containers/f-items-container/canvas-change.event.d.ts

@@ -0,0 +1,6 @@
+import { IPoint } from '@foblex/core';
+export declare class CanvasChangeEvent {
+    readonly position: IPoint;
+    readonly scale: number;
+    constructor(position: IPoint, scale: number);
+}

package/lib/directives/f-containers/f-items-container/f-items-container-base.d.ts

@@ -1,6 +1,7 @@
 import { IHasHostElement, ITransformModel } from '@foblex/core';
 import { ElementRef, EventEmitter, InjectionToken } from '@angular/core';
 import { ICanChangePosition, ICanChangeZoom, ICanFitToParent, ICanOneToOneCentering } from '../../../common-behaviours';
+import { CanvasChangeEvent } from './canvas-change.event';
 import * as i0 from "@angular/core";
 export declare const F_ITEMS_CONTAINER: InjectionToken<FItemsContainerBase>;
 declare const MIXIN_BASE: import("../../../common-behaviours").Constructor<ICanChangePosition> & import("../../../common-behaviours").AbstractConstructor<ICanChangePosition> & import("../../../common-behaviours").Constructor<ICanFitToParent> & import("../../../common-behaviours").AbstractConstructor<ICanFitToParent> & import("../../../common-behaviours").Constructor<ICanOneToOneCentering> & import("../../../common-behaviours").AbstractConstructor<ICanOneToOneCentering> & import("../../../common-behaviours").Constructor<ICanChangeZoom> & import("../../../common-behaviours").AbstractConstructor<ICanChangeZoom> & {
@@ -10,7 +11,7 @@ declare const MIXIN_BASE: import("../../../common-behaviours").Constructor<ICanC
 };
 export declare abstract class FItemsContainerBase extends MIXIN_BASE implements IHasHostElement, ICanChangePosition, ICanFitToParent, ICanOneToOneCentering, ICanChangeZoom {
     private elementReference;
-    abstract canvasChange: EventEmitter<void>;
+    abstract canvasChange: EventEmitter<CanvasChangeEvent>;
     get hostElement(): SVGGElement;
     protected constructor(elementReference: ElementRef<SVGGElement>);
     parseData(): void;

package/lib/directives/f-containers/f-items-container/f-items-container.directive.d.ts

@@ -1,9 +1,13 @@
 import { ElementRef, EventEmitter } from "@angular/core";
 import { FItemsContainerBase } from './f-items-container-base';
+import { IPoint } from '@foblex/core';
+import { CanvasChangeEvent } from './canvas-change.event';
 import * as i0 from "@angular/core";
 export declare class FItemsContainerDirective extends FItemsContainerBase {
-    canvasChange: EventEmitter<void>;
+    canvasChange: EventEmitter<CanvasChangeEvent>;
+    set position(value: IPoint);
+    set scale(value: number);
     constructor(elementReference: ElementRef<SVGGElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<FItemsContainerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FItemsContainerDirective, "g[fItemsContainer]", ["fComponent"], {}, { "canvasChange": "canvasChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FItemsContainerDirective, "g[fItemsContainer]", ["fComponent"], { "position": { "alias": "position"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, { "canvasChange": "canvasChange"; }, never, never, false, never>;
 }

package/lib/directives/f-containers/f-items-container/index.d.ts

@@ -1,2 +1,3 @@
 export * from './f-items-container.directive';
 export * from './f-items-container-base';
+export * from './canvas-change.event';

package/lib/directives/f-containers/f-items-container/public-api.d.ts

@@ -1 +1,2 @@
 export * from './f-items-container.directive';
+export * from './canvas-change.event';

package/lib/i-selectable.d.ts

@@ -2,5 +2,6 @@ export interface ISelectable {
     hostElement: HTMLElement | SVGElement;
     select(): void;
     deselect(): void;
+    isSelected(): boolean;
 }
 export declare const F_SELECTED_CLASS = "f-selected";

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@foblex/flow",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "peerDependencies": {
     "@angular/common": "^16.2.0",
     "@angular/core": "^16.2.0",
-    "rxjs": "^7.8.0"
+    "rxjs": "^7.8.0",
+    "@foblex/core": "^1.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"