ngx-vflow 2.1.0 → 2.2.0

package/lib/vflow/components/background/background.component.d.ts

@@ -4,11 +4,12 @@ export declare class BackgroundComponent {
     private rootSvg;
     private settingsService;
     protected backgroundSignal: import("@angular/core").WritableSignal<import("ngx-vflow").Background>;
-    protected scaledGap: import("@angular/core").Signal<number>;
     protected x: import("@angular/core").Signal<number>;
     protected y: import("@angular/core").Signal<number>;
     protected patternColor: import("@angular/core").Signal<string>;
     protected patternSize: import("@angular/core").Signal<number>;
+    protected scaledGap: import("@angular/core").Signal<number>;
+    protected strokeWidth: import("@angular/core").Signal<number>;
     protected bgImageSrc: import("@angular/core").Signal<string>;
     protected imageSize: import("@angular/core").Signal<{
         width: number;

package/lib/vflow/directives/node-handles-controller.directive.d.ts

@@ -2,9 +2,10 @@ import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class NodeHandlesControllerDirective implements OnInit {
     private nodeAccessor;
-    private zone;
     private destroyRef;
     private hostElementRef;
+    private resizeObserverService;
+    private requestAnimationFrameBatchingService;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeHandlesControllerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NodeHandlesControllerDirective, "[nodeHandlesController]", never, {}, {}, never, never, true, never>;

package/lib/vflow/directives/node-resize-controller.directive.d.ts

@@ -1,14 +1,14 @@
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Only suitable for HTML nodes
  */
-export declare class NodeResizeControllerDirective implements OnInit {
+export declare class NodeResizeControllerDirective implements OnInit, OnDestroy {
     private nodeAccessor;
-    private zone;
-    private destroyRef;
+    private resizeObserverService;
     private hostElementRef;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeResizeControllerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NodeResizeControllerDirective, "[nodeResizeController]", never, {}, {}, never, never, true, never>;
 }

package/lib/vflow/models/handle.model.d.ts

@@ -1,9 +1,11 @@
 import { NodeHandle } from '../services/handle.service';
 import { NodeModel } from './node.model';
+import { OffsetBatchingCacheService } from '../services/offset-batching-cache.service';
 export type HandleState = 'valid' | 'invalid' | 'idle';
 export declare class HandleModel {
     rawHandle: NodeHandle;
     parentNode: NodeModel;
+    batchingService: OffsetBatchingCacheService;
     readonly strokeWidth = 2;
     /**
      * Pre-computed size for default handle, changed dynamically
@@ -38,7 +40,8 @@ export declare class HandleModel {
             node: import("ngx-vflow").Node<unknown>;
         };
     };
-    constructor(rawHandle: NodeHandle, parentNode: NodeModel);
+    constructor(rawHandle: NodeHandle, parentNode: NodeModel, batchingService: OffsetBatchingCacheService);
+    onDestroy(): void;
     updateHost(): void;
     private getHostSize;
 }

package/lib/vflow/public-components/handle/handle.component.d.ts

@@ -6,6 +6,8 @@ export declare class HandleComponent implements OnInit {
     private handleService;
     private element;
     private destroyRef;
+    private requestAnimationFrameBatchingService;
+    private offsetBatchingCacheService;
     /**
      * At what side of node this component should be placed
      */

package/lib/vflow/services/offset-batching-cache.service.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+interface OffsetCacheEntry {
+    offsetWidth: number;
+    offsetHeight: number;
+    offsetLeft: number;
+    offsetTop: number;
+}
+export declare class OffsetBatchingCacheService {
+    private elementOffsetCache;
+    private cacheIsDirty;
+    private minMsBetweenDirty;
+    private lastDirty;
+    addElementCache(element: HTMLElement): void;
+    removeElementCache(element: HTMLElement): void;
+    getElementOffsets(requestedElement: HTMLElement): OffsetCacheEntry | undefined;
+    markCacheAsDirty(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OffsetBatchingCacheService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OffsetBatchingCacheService>;
+}
+export {};

package/lib/vflow/services/request-animation-frame-batching.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class RequestAnimationFrameBatchingService {
+    private callbacks;
+    private requestAnimationFrameStarted;
+    batchAnimationFrame(callback: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RequestAnimationFrameBatchingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RequestAnimationFrameBatchingService>;
+}

package/lib/vflow/services/resize-observer.service.d.ts

@@ -0,0 +1,13 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ResizeObserverService implements OnDestroy {
+    private zone;
+    private readonly thingsToObserve;
+    private resizeObserver;
+    constructor();
+    addObserver(element: Element, callback: (resizeEntry: ResizeObserverEntry) => void): void;
+    removeObserver(element: Element): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ResizeObserverService>;
+}

package/lib/vflow/types/background.type.d.ts

@@ -1,4 +1,4 @@
-export type Background = ColorBackground | DotsBackground | ImageBackground;
+export type Background = ColorBackground | DotsBackground | ImageBackground | GridBackground;
 export interface ColorBackground {
     type: 'solid';
     color: string;
@@ -45,3 +45,22 @@ export interface ImageBackground {
      */
     scale?: number;
 }
+export interface GridBackground {
+    type: 'grid';
+    /**
+     * Color of the grid lines
+     */
+    color?: string;
+    /**
+     * Size of the grid squares
+     */
+    size?: number;
+    /**
+     * Width of the grid lines
+     */
+    strokeWidth?: number;
+    /**
+     * Color behind tha dot pattern
+     */
+    backgroundColor?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-vflow",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "license": "MIT",
   "homepage": "https://www.ngx-vflow.org/",
   "author": "Artem Mangilev",