@foblex/flow 17.7.1 → 17.8.0

package/fesm2022/foblex-flow.mjs

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, effect, Directive, input, computed, signal, Injector, Renderer2, untracked, DestroyRef, model, output, booleanAttribute, ElementRef, Input, Inject, Component, ChangeDetectionStrategy, ViewChild, Optional, viewChild, contentChildren, numberAttribute, ViewContainerRef, TemplateRef, EventEmitter, NgZone, Output, ContentChildren, contentChild, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, Directive, input, computed, signal, Injector, Renderer2, effect, untracked, DestroyRef, model, output, booleanAttribute, ElementRef, Input, Inject, Component, ChangeDetectionStrategy, ViewChild, Optional, viewChild, contentChildren, numberAttribute, ViewContainerRef, TemplateRef, EventEmitter, NgZone, Output, ContentChildren, contentChild, NgModule } from '@angular/core';
 import { RectExtensions, RoundedRect, TransformModelExtensions, PointExtensions, Point, LineExtensions, GetIntersections, SizeExtensions, findClosestAlignment, setRectToElement, adjustRectToMinSize, setRectToViewBox } from '@foblex/2d';
 import { __decorate } from 'tslib';
-import * as i2 from '@foblex/mediator';
 import { FExecutionRegister, FMediator } from '@foblex/mediator';
 import * as i1 from '@foblex/platform';
 import { BrowserService, PlatformService, EOperationSystem } from '@foblex/platform';
@@ -61,7 +60,7 @@ class NotifyDataChangedRequest {
 
 let NotifyDataChangedExecution = class NotifyDataChangedExecution {
     _store = inject(FComponentsStore);
-    handle(request) {
+    handle(_request) {
         this._store.dataChanged();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotifyDataChangedExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -80,7 +79,7 @@ class ListenDataChangesRequest {
 
 function debounceTime(delay) {
     let timeoutId;
-    return callback => {
+    return (callback) => {
         return () => {
             clearTimeout(timeoutId);
             timeoutId = setTimeout(() => callback(), delay);
@@ -153,18 +152,6 @@ class FChannelHub {
     }
 }
 
-function mediatorEffect(fn, options) {
-    let isFirstRun = true;
-    return effect(() => {
-        const request = fn();
-        if (isFirstRun) {
-            isFirstRun = false;
-            return;
-        }
-        options?.injector?.get(FMediator).execute(request);
-    }, options);
-}
-
 function notifyOnStart() {
     return callback => {
         callback();
@@ -174,9 +161,8 @@ function notifyOnStart() {
 
 let ListenDataChangesExecution = class ListenDataChangesExecution {
     _store = inject(FComponentsStore);
-    handle(request) {
-        return new FChannelHub(this._store.dataChanges$)
-            .pipe(notifyOnStart(), debounceTime(1));
+    handle(_request) {
+        return new FChannelHub(this._store.dataChanges$).pipe(notifyOnStart(), debounceTime(1));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListenDataChangesExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListenDataChangesExecution });
@@ -194,9 +180,8 @@ class ListenCountChangesRequest {
 
 let ListenCountChangesExecution = class ListenCountChangesExecution {
     _store = inject(FComponentsStore);
-    handle(request) {
-        return new FChannelHub(this._store.countChanges$)
-            .pipe(notifyOnStart(), debounceTime(1));
+    handle(_request) {
+        return new FChannelHub(this._store.countChanges$).pipe(notifyOnStart(), debounceTime(1));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListenCountChangesExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListenCountChangesExecution });
@@ -214,7 +199,7 @@ class ListenTransformChangesRequest {
 
 let ListenTransformChangesExecution = class ListenTransformChangesExecution {
     _store = inject(FComponentsStore);
-    handle(request) {
+    handle(_request) {
         return new FChannelHub(this._store.transformChanges$, this._store.dataChanges$, this._store.countChanges$);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListenTransformChangesExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -281,7 +266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 let NotifyTransformChangedExecution = class NotifyTransformChangedExecution {
     _store = inject(FComponentsStore);
-    handle(request) {
+    handle(_request) {
         this._store.transformChanged();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotifyTransformChangedExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -335,24 +320,24 @@ let uniqueId$c = 0;
  */
 let AddPatternToBackgroundExecution = class AddPatternToBackgroundExecution {
     _store = inject(FComponentsStore);
-    _fBrowser = inject(BrowserService);
-    get _fBackground() {
-        return this._store.fBackground;
+    _browser = inject(BrowserService);
+    get _backgroundElement() {
+        return this._store.fBackground?.hostElement;
     }
     handle(request) {
         const children = request.fPattern?.hostElement.getElementsByTagName('pattern') || [];
         const pattern = children.length ? children[0] : undefined;
         if (pattern) {
-            const defs = createSVGElement('defs', this._fBrowser);
+            const defs = createSVGElement('defs', this._browser);
             pattern.id = 'f-background-pattern-' + uniqueId$c++;
             request.fPattern?.hostElement.remove();
             defs.appendChild(pattern);
-            this._fBackground.hostElement?.firstChild?.appendChild(defs);
-            const rect = createSVGElement('rect', this._fBrowser);
+            this._backgroundElement?.firstChild?.appendChild(defs);
+            const rect = createSVGElement('rect', this._browser);
             rect.setAttribute('fill', 'url(#' + pattern.id + ')');
             rect.setAttribute('width', '100%');
             rect.setAttribute('height', '100%');
-            this._fBackground.hostElement.firstChild?.appendChild(rect);
+            this._backgroundElement.firstChild?.appendChild(rect);
             const transform = this._store.fCanvas?.transform || TransformModelExtensions.default();
             request.fPattern?.setTransform(transform);
         }
@@ -380,7 +365,7 @@ class RemoveBackgroundFromStoreRequest {
  */
 let RemoveBackgroundFromStoreExecution = class RemoveBackgroundFromStoreExecution {
     _store = inject(FComponentsStore);
-    handle(request) {
+    handle(_request) {
         this._store.fBackground = undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveBackgroundFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -427,7 +412,7 @@ const F_BACKGROUND_FEATURES = [
     AddBackgroundToStoreExecution,
     AddPatternToBackgroundExecution,
     RemoveBackgroundFromStoreExecution,
-    SetBackgroundTransformExecution
+    SetBackgroundTransformExecution,
 ];
 
 class AddCanvasToStoreRequest {
@@ -855,7 +840,7 @@ const F_CANVAS_FEATURES = [
     RemoveCanvasFromStoreExecution,
     ResetScaleExecution,
     ResetScaleAndCenterExecution,
-    UpdateScaleExecution
+    UpdateScaleExecution,
 ];
 
 class AddConnectionForCreateToStoreRequest {
@@ -1068,7 +1053,7 @@ class CalculateConnectionCenterHandler {
     handle(request) {
         const { points } = request;
         let totalDistance = 0;
-        let distances = [];
+        const distances = [];
         for (let i = 0; i < points.length - 1; i++) {
             const distance = this.calculateDistance(points[i], points[i + 1]);
             distances.push(distance);
@@ -1165,7 +1150,7 @@ var EFResizeHandleType;
 class FResizeHandleDirective {
     type = input.required({
         alias: 'fResizeHandleType',
-        transform: (x) => castToEnum(x, 'fResizeHandleType', EFResizeHandleType)
+        transform: (x) => castToEnum(x, 'fResizeHandleType', EFResizeHandleType),
     });
     class = computed(() => {
         return `f-resize-handle-${EFResizeHandleType[this.type().toUpperCase()]}`;
@@ -1176,11 +1161,11 @@ class FResizeHandleDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FResizeHandleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[fResizeHandle]",
+                    selector: '[fResizeHandle]',
                     host: {
                         class: `f-resize-handle f-component`,
                         '[attr.data-f-resize-handle-type]': 'type().toUpperCase()',
-                        '[class]': 'class()'
+                        '[class]': 'class()',
                     },
                 }]
         }] });
@@ -1212,7 +1197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: "[fDragHandle]",
                     host: {
-                        class: "f-drag-handle f-component"
+                        class: "f-drag-handle f-component",
                     },
                 }]
         }] });
@@ -1403,7 +1388,9 @@ class FGroupDirective extends FNodeBase {
     fAutoSizeToFitChildren = input(false, {
         transform: booleanAttribute,
     });
-    constructor(elementReference) {
+    constructor(
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    elementReference) {
         super(elementReference.nativeElement);
         super.positionChanges();
         super.sizeChanges();
@@ -1447,7 +1434,7 @@ class FGroupDirective extends FNodeBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FGroupDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: FGroupDirective, selector: "[fGroup]", inputs: { fId: { classPropertyName: "fId", publicName: "fGroupId", isSignal: true, isRequired: false, transformFunction: null }, fParentId: { classPropertyName: "fParentId", publicName: "fGroupParentId", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "fGroupPosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "fGroupSize", isSignal: true, isRequired: false, transformFunction: null }, rotate: { classPropertyName: "rotate", publicName: "fGroupRotate", isSignal: true, isRequired: false, transformFunction: null }, fConnectOnNode: { classPropertyName: "fConnectOnNode", publicName: "fConnectOnNode", isSignal: true, isRequired: false, transformFunction: null }, fMinimapClass: { classPropertyName: "fMinimapClass", publicName: "fMinimapClass", isSignal: true, isRequired: false, transformFunction: null }, fDraggingDisabled: { classPropertyName: "fDraggingDisabled", publicName: "fGroupDraggingDisabled", isSignal: true, isRequired: false, transformFunction: null }, fSelectionDisabled: { classPropertyName: "fSelectionDisabled", publicName: "fGroupSelectionDisabled", isSignal: true, isRequired: false, transformFunction: null }, fIncludePadding: { classPropertyName: "fIncludePadding", publicName: "fIncludePadding", isSignal: true, isRequired: false, transformFunction: null }, fAutoExpandOnChildHit: { classPropertyName: "fAutoExpandOnChildHit", publicName: "fAutoExpandOnChildHit", isSignal: true, isRequired: false, transformFunction: null }, fAutoSizeToFitChildren: { classPropertyName: "fAutoSizeToFitChildren", publicName: "fAutoSizeToFitChildren", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { position: "fGroupPositionChange", sizeChange: "fGroupSizeChange", rotate: "fGroupRotateChange" }, host: { properties: { "attr.data-f-group-id": "fId()", "class.f-group-dragging-disabled": "fDraggingDisabled()", "class.f-group-selection-disabled": "fSelectionDisabled()" }, classAttribute: "f-group f-component" }, providers: [
-            { provide: F_NODE, useExisting: FGroupDirective }
+            { provide: F_NODE, useExisting: FGroupDirective },
         ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FGroupDirective, decorators: [{
@@ -1462,7 +1449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '[class.f-group-selection-disabled]': 'fSelectionDisabled()',
                     },
                     providers: [
-                        { provide: F_NODE, useExisting: FGroupDirective }
+                        { provide: F_NODE, useExisting: FGroupDirective },
                     ],
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
@@ -1506,7 +1493,9 @@ class FNodeDirective extends FNodeBase {
     fAutoSizeToFitChildren = input(false, {
         transform: booleanAttribute,
     });
-    constructor(elementReference) {
+    constructor(
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    elementReference) {
         super(elementReference.nativeElement);
         super.positionChanges();
         super.sizeChanges();
@@ -1549,24 +1538,20 @@ class FNodeDirective extends FNodeBase {
         this._mediator.execute(new RemoveNodeFromStoreRequest(this));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FNodeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: FNodeDirective, selector: "[fNode]", inputs: { fId: { classPropertyName: "fId", publicName: "fNodeId", isSignal: true, isRequired: false, transformFunction: null }, fParentId: { classPropertyName: "fParentId", publicName: "fNodeParentId", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "fNodePosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "fNodeSize", isSignal: true, isRequired: false, transformFunction: null }, rotate: { classPropertyName: "rotate", publicName: "fNodeRotate", isSignal: true, isRequired: false, transformFunction: null }, fConnectOnNode: { classPropertyName: "fConnectOnNode", publicName: "fConnectOnNode", isSignal: true, isRequired: false, transformFunction: null }, fMinimapClass: { classPropertyName: "fMinimapClass", publicName: "fMinimapClass", isSignal: true, isRequired: false, transformFunction: null }, fDraggingDisabled: { classPropertyName: "fDraggingDisabled", publicName: "fNodeDraggingDisabled", isSignal: true, isRequired: false, transformFunction: null }, fSelectionDisabled: { classPropertyName: "fSelectionDisabled", publicName: "fNodeSelectionDisabled", isSignal: true, isRequired: false, transformFunction: null }, fIncludePadding: { classPropertyName: "fIncludePadding", publicName: "fIncludePadding", isSignal: true, isRequired: false, transformFunction: null }, fAutoExpandOnChildHit: { classPropertyName: "fAutoExpandOnChildHit", publicName: "fAutoExpandOnChildHit", isSignal: true, isRequired: false, transformFunction: null }, fAutoSizeToFitChildren: { classPropertyName: "fAutoSizeToFitChildren", publicName: "fAutoSizeToFitChildren", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { position: "fNodePositionChange", sizeChange: "fNodeSizeChange", rotate: "fNodeRotateChange" }, host: { properties: { "attr.data-f-node-id": "fId()", "class.f-node-dragging-disabled": "fDraggingDisabled()", "class.f-node-selection-disabled": "fSelectionDisabled()" }, classAttribute: "f-node f-component" }, providers: [
-            { provide: F_NODE, useExisting: FNodeDirective }
-        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: FNodeDirective, selector: "[fNode]", inputs: { fId: { classPropertyName: "fId", publicName: "fNodeId", isSignal: true, isRequired: false, transformFunction: null }, fParentId: { classPropertyName: "fParentId", publicName: "fNodeParentId", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "fNodePosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "fNodeSize", isSignal: true, isRequired: false, transformFunction: null }, rotate: { classPropertyName: "rotate", publicName: "fNodeRotate", isSignal: true, isRequired: false, transformFunction: null }, fConnectOnNode: { classPropertyName: "fConnectOnNode", publicName: "fConnectOnNode", isSignal: true, isRequired: false, transformFunction: null }, fMinimapClass: { classPropertyName: "fMinimapClass", publicName: "fMinimapClass", isSignal: true, isRequired: false, transformFunction: null }, fDraggingDisabled: { classPropertyName: "fDraggingDisabled", publicName: "fNodeDraggingDisabled", isSignal: true, isRequired: false, transformFunction: null }, fSelectionDisabled: { classPropertyName: "fSelectionDisabled", publicName: "fNodeSelectionDisabled", isSignal: true, isRequired: false, transformFunction: null }, fIncludePadding: { classPropertyName: "fIncludePadding", publicName: "fIncludePadding", isSignal: true, isRequired: false, transformFunction: null }, fAutoExpandOnChildHit: { classPropertyName: "fAutoExpandOnChildHit", publicName: "fAutoExpandOnChildHit", isSignal: true, isRequired: false, transformFunction: null }, fAutoSizeToFitChildren: { classPropertyName: "fAutoSizeToFitChildren", publicName: "fAutoSizeToFitChildren", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { position: "fNodePositionChange", sizeChange: "fNodeSizeChange", rotate: "fNodeRotateChange" }, host: { properties: { "attr.data-f-node-id": "fId()", "class.f-node-dragging-disabled": "fDraggingDisabled()", "class.f-node-selection-disabled": "fSelectionDisabled()" }, classAttribute: "f-node f-component" }, providers: [{ provide: F_NODE, useExisting: FNodeDirective }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FNodeDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[fNode]",
-                    exportAs: "fComponent",
+                    selector: '[fNode]',
+                    exportAs: 'fComponent',
                     host: {
                         '[attr.data-f-node-id]': 'fId()',
-                        class: "f-node f-component",
+                        class: 'f-node f-component',
                         '[class.f-node-dragging-disabled]': 'fDraggingDisabled()',
                         '[class.f-node-selection-disabled]': 'fSelectionDisabled()',
                     },
-                    providers: [
-                        { provide: F_NODE, useExisting: FNodeDirective }
-                    ],
+                    providers: [{ provide: F_NODE, useExisting: FNodeDirective }],
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
@@ -1632,7 +1617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '[attr.data-f-input-id]': 'fId',
                         class: "f-component f-node-input",
                         '[class.f-node-input-multiple]': 'multiple',
-                        '[class.f-node-input-disabled]': 'disabled'
+                        '[class.f-node-input-disabled]': 'disabled',
                     },
                     providers: [{ provide: F_NODE_INPUT, useExisting: FNodeInputDirective }],
                 }]
@@ -1649,7 +1634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input,
                 args: [{
                         alias: 'fInputConnectableSide',
-                        transform: (value) => castToEnum(value, 'fInputConnectableSide', EFConnectableSide)
+                        transform: (value) => castToEnum(value, 'fInputConnectableSide', EFConnectableSide),
                     }]
             }] } });
 
@@ -1708,7 +1693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     host: {
                         '[attr.data-f-outlet-id]': 'fId',
                         class: "f-component f-node-outlet",
-                        '[class.f-node-outlet-disabled]': 'disabled'
+                        '[class.f-node-outlet-disabled]': 'disabled',
                     },
                     providers: [{ provide: F_NODE_OUTLET, useExisting: FNodeOutletDirective }],
                 }]
@@ -1811,7 +1796,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input,
                 args: [{
                         alias: 'fOutputConnectableSide',
-                        transform: (value) => castToEnum(value, 'fOutputConnectableSide', EFConnectableSide)
+                        transform: (value) => castToEnum(value, 'fOutputConnectableSide', EFConnectableSide),
                     }]
             }], isSelfConnectable: [{
                 type: Input
@@ -1823,7 +1808,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const F_CONNECTORS_PROVIDERS = [
     FNodeInputDirective,
     FNodeOutletDirective,
-    FNodeOutputDirective
+    FNodeOutputDirective,
 ];
 
 class FBezierPathBuilder {
@@ -1834,7 +1819,7 @@ class FBezierPathBuilder {
         return offset * Math.sqrt(offset - distance);
     }
     static getAnglePoint(side, source, target, offset) {
-        let result = { x: source.x, y: source.y };
+        const result = { x: source.x, y: source.y };
         switch (side) {
             case EFConnectableSide.LEFT:
                 result.x -= FBezierPathBuilder.getConnectorOffset(source.x - target.x, offset);
@@ -1953,7 +1938,7 @@ class FSegmentPathBuilder {
             target,
         ];
         const center = new CalculateConnectionCenterHandler().handle(new CalculateConnectionCenterRequest(pathPoints));
-        return { points: pathPoints, center: center };
+        return { points: pathPoints, center };
     }
     getDirection(source, sourceSide, target) {
         if (sourceSide === EFConnectableSide.LEFT || sourceSide === EFConnectableSide.RIGHT) {
@@ -2032,7 +2017,7 @@ const F_CONNECTION_IDENTIFIERS = {
     },
     linkToConnection(connectionId) {
         return `#${F_CONNECTION_IDENTIFIERS.connectionId(connectionId)}`;
-    }
+    },
 };
 
 const F_CONNECTION = new InjectionToken('F_CONNECTION');
@@ -2068,7 +2053,7 @@ class FConnectionTextPathDirective {
         const computedStyles = this.fBrowser.window.getComputedStyle(element);
         return {
             fontSize: computedStyles.fontSize,
-            fontFamily: computedStyles.fontFamily
+            fontFamily: computedStyles.fontFamily,
         };
     }
     getSymbolWidth(name) {
@@ -2099,8 +2084,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'textPath[f-connection-text-path]',
                     host: {
-                        '[attr.href]': 'linkToConnection'
-                    }
+                        '[attr.href]': 'linkToConnection',
+                    },
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
@@ -2189,7 +2174,7 @@ const F_CSS_CLASS = {
     },
     CONNECTION: {
         DRAG_HANDLE: 'f-connection-drag-handle',
-    }
+    },
 };
 
 class FConnectionDragHandleStartComponent {
@@ -2221,8 +2206,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        '[class]': 'class'
-                    }
+                        '[class]': 'class',
+                    },
                 }]
         }] });
 
@@ -2255,8 +2240,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        '[class]': 'class'
-                    }
+                        '[class]': 'class',
+                    },
                 }]
         }] });
 
@@ -2314,7 +2299,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Component,
             args: [{ selector: "linearGradient[fConnectionGradient]", changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "f-component f-connection-gradient",
-                        '[attr.id]': 'gradientId'
+                        '[attr.id]': 'gradientId',
                     }, providers: [{ provide: CONNECTION_GRADIENT, useExisting: FConnectionGradientComponent }], template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:stop/>\n    <svg:stop/>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
@@ -2422,7 +2407,7 @@ class FConnectionCenterDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionCenterDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[fConnectionCenter]"
+                    selector: "[fConnectionCenter]",
                 }]
         }] });
 
@@ -2509,7 +2494,7 @@ class FConnectionBase extends MIXIN_BASE {
         const offset = this.fOffset > 0 ? this.fOffset : 1;
         return this.cFactory.handle({
             type: this.fType,
-            payload: { source, sourceSide, target, targetSide, radius, offset }
+            payload: { source, sourceSide, target, targetSide, radius, offset },
         });
     }
     getTransform(position) {
@@ -2586,7 +2571,7 @@ class FConnectionForCreateComponent extends FConnectionBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionForCreateComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-connection-for-create", changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: "f-component f-connection f-connection-for-create"
+                        class: "f-component f-connection f-connection-for-create",
                     }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionForCreateComponent }], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path\n            [attr.d]=\"path\">\n      </path>\n      <circle f-connection-drag-handle-start r=\"8\"></circle>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n    <text f-connection-text></text>\n  </g>\n  <ng-content></ng-content>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FConnectionFactory }], propDecorators: { fRadius: [{
                 type: Input,
@@ -2616,7 +2601,7 @@ class FConnectionComponent extends FConnectionBase {
     fReassignableStart = input(false, { transform: booleanAttribute });
     fDraggingDisabled = input(false, {
         alias: 'fReassignDisabled',
-        transform: booleanAttribute
+        transform: booleanAttribute,
     });
     get boundingElement() {
         return this.fPath().hostElement;
@@ -2715,7 +2700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: "svg[fMarker]",
                     host: {
-                        class: "f-component f-marker"
+                        class: "f-component f-marker",
                     },
                     providers: [{ provide: F_MARKER, useExisting: FMarkerDirective }],
                 }]
@@ -2774,7 +2759,7 @@ class FSnapConnectionComponent extends FConnectionBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSnapConnectionComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-snap-connection", changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: "f-component f-connection f-snap-connection"
+                        class: "f-component f-connection f-snap-connection",
                     }, providers: [{ provide: F_CONNECTION, useExisting: FSnapConnectionComponent }], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path\n            [attr.d]=\"path\">\n      </path>\n      <circle f-connection-drag-handle-start r=\"8\"></circle>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n    <text f-connection-text></text>\n  </g>\n  <ng-content></ng-content>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FConnectionFactory }], propDecorators: { fSnapThreshold: [{
                 type: Input,
@@ -2804,7 +2789,7 @@ const F_CONNECTION_PROVIDERS = [
     FConnectionCenterDirective,
     FConnectionForCreateComponent,
     FMarkerDirective,
-    FSnapConnectionComponent
+    FSnapConnectionComponent,
 ];
 
 /**
@@ -2824,7 +2809,7 @@ function _toRoundedRectIntersections(payload) {
 function _getIntersectionsLine(from, to, payload) {
     return {
         point1: from ? from : payload.outputRect.gravityCenter,
-        point2: to ? to : payload.inputRect.gravityCenter
+        point2: to ? to : payload.inputRect.gravityCenter,
     };
 }
 
@@ -2836,7 +2821,7 @@ function _getIntersectionsLine(from, to, payload) {
 function fixedCenterBehavior(payload) {
     return {
         point1: payload.outputRect.gravityCenter,
-        point2: payload.inputRect.gravityCenter
+        point2: payload.inputRect.gravityCenter,
     };
 }
 
@@ -2848,7 +2833,7 @@ function fixedCenterBehavior(payload) {
 function fixedOutboundBehavior(payload) {
     return {
         point1: _getPosition(payload.outputRect, payload.outputSide === EFConnectableSide.AUTO ? EFConnectableSide.BOTTOM : payload.outputSide),
-        point2: _getPosition(payload.inputRect, payload.inputSide === EFConnectableSide.AUTO ? EFConnectableSide.TOP : payload.inputSide)
+        point2: _getPosition(payload.inputRect, payload.inputSide === EFConnectableSide.AUTO ? EFConnectableSide.TOP : payload.inputSide),
     };
 }
 function _getPosition(rect, side) {
@@ -3178,7 +3163,7 @@ const F_CONNECTION_FEATURES = [
     RemoveConnectionForCreateFromStoreExecution,
     RemoveConnectionFromStoreExecution,
     RemoveConnectionMarkerFromStoreExecution,
-    RemoveSnapConnectionFromStoreExecution
+    RemoveSnapConnectionFromStoreExecution,
 ];
 
 class AddInputToStoreRequest {
@@ -3432,7 +3417,7 @@ let GetConnectorAndRectExecution = class GetConnectorAndRectExecution {
     handle(request) {
         return {
             fConnector: request.fConnector,
-            fRect: this._getConnectorRect(request.fConnector)
+            fRect: this._getConnectorRect(request.fConnector),
         };
     }
     _getConnectorRect(fConnector) {
@@ -3685,7 +3670,7 @@ const F_CONNECTORS_FEATURES = [
     RemoveInputFromStoreExecution,
     RemoveOutletFromStoreExecution,
     RemoveOutputFromStoreExecution,
-    UnmarkConnectableConnectorsExecution
+    UnmarkConnectableConnectorsExecution,
 ];
 
 class AddDndToStoreRequest {
@@ -4294,7 +4279,7 @@ let FCreateConnectionDragHandlerPreparationExecution = class FCreateConnectionDr
         const positionRelativeToCanvasComponent = Point.fromPoint(positionRelativeToFlowComponent).mult(this._transform.scale)
             .sub(this._transform.position).sub(this._transform.scaledPosition).div(this._transform.scale);
         this._dragContext.draggableItems = [
-            new FCreateConnectionDragHandler(this._injector, request.fOutputOrOutlet, positionRelativeToCanvasComponent)
+            new FCreateConnectionDragHandler(this._injector, request.fOutputOrOutlet, positionRelativeToCanvasComponent),
         ];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCreateConnectionDragHandlerPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -4677,7 +4662,7 @@ class FReassignConnectionDragHandler {
         this._fMediator = _injector.get(FMediator);
         this._store = _injector.get(FComponentsStore);
         this.fData = {
-            fConnectionId: this._connection.fId()
+            fConnectionId: this._connection.fId(),
         };
         this._reassignHandler = this._isTargetDragHandle ? this._targetDragHandler() : this._sourceDragHandler();
     }
@@ -4695,7 +4680,7 @@ class FReassignConnectionDragHandler {
             sourceConnectorRect: roundedRectFromPoint(this._connection.line.point1),
             targetConnectorRect: roundedRectFromPoint(this._connection.line.point2),
             connectableConnectors: this._reassignHandler.getConnectableConnectors(),
-            fConnection: this._connection
+            fConnection: this._connection,
         });
     }
     onPointerMove(difference) {
@@ -4835,7 +4820,7 @@ let FReassignConnectionPreparationExecution = class FReassignConnectionPreparati
         this._dragContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
             .elementTransform(this._fHost).div(this._transform.scale);
         this._dragContext.draggableItems = [
-            new FReassignConnectionDragHandler(this._injector, this._fConnection, isDragHandleEnd(this._fConnection, position))
+            new FReassignConnectionDragHandler(this._injector, this._fConnection, isDragHandleEnd(this._fConnection, position)),
         ];
         setTimeout(() => this._updateConnectionLayer());
     }
@@ -4891,24 +4876,24 @@ class DropToGroupFinalizeRequest {
     }
 }
 
+const _DEBOUNCE_TIME = 1;
 class FNodeDropToGroupDragHandler {
-    containersForDrop;
+    _containersForDrop;
     _store;
     fEventType = 'move-node-to-parent';
-    _DEBOUNCE_TIME = 1;
     get _transform() {
         return this._store.fCanvas.transform;
     }
     _onPointerDownPosition = PointExtensions.initialize();
     _debounceTimer = null;
     fNodeWithRect = null;
-    constructor(_injector, containersForDrop) {
-        this.containersForDrop = containersForDrop;
-        this._store = _injector.get(FComponentsStore);
-        this._onPointerDownPosition = _injector.get(FDraggableDataContext).onPointerDownPosition;
+    constructor(injector, _containersForDrop) {
+        this._containersForDrop = _containersForDrop;
+        this._store = injector.get(FComponentsStore);
+        this._onPointerDownPosition = injector.get(FDraggableDataContext).onPointerDownPosition;
     }
     prepareDragSequence() {
-        this.containersForDrop.forEach(({ node }) => {
+        this._containersForDrop.forEach(({ node }) => {
             node.hostElement.classList.add(F_CSS_CLASS.GROUPING.DROP_ACTIVE);
         });
     }
@@ -4925,13 +4910,13 @@ class FNodeDropToGroupDragHandler {
         return Point.fromPoint(this._onPointerDownPosition).add(difference).mult(this._transform.scale);
     }
     _isNodeInsideAnotherNode(point) {
-        return this.containersForDrop.find((x) => RectExtensions.isIncludePoint(x.rect, point));
+        return this._containersForDrop.find((x) => RectExtensions.isIncludePoint(x.rect, point));
     }
     onPointerMove(difference) {
         if (this._debounceTimer) {
             clearTimeout(this._debounceTimer);
         }
-        this._debounceTimer = setTimeout(() => this._toggleParentNode(difference), this._DEBOUNCE_TIME);
+        this._debounceTimer = setTimeout(() => this._toggleParentNode(difference), _DEBOUNCE_TIME);
     }
     _markIncludeNode(nodeWithRect) {
         this._unmarkIncludeNode();
@@ -4944,7 +4929,7 @@ class FNodeDropToGroupDragHandler {
     }
     onPointerUp() {
         this._unmarkIncludeNode();
-        this.containersForDrop.forEach(({ node }) => {
+        this._containersForDrop.forEach(({ node }) => {
             node.hostElement.classList.remove(F_CSS_CLASS.GROUPING.DROP_ACTIVE);
         });
         if (this._debounceTimer) {
@@ -4952,12 +4937,7 @@ class FNodeDropToGroupDragHandler {
             this._debounceTimer = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FNodeDropToGroupDragHandler, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FNodeDropToGroupDragHandler, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FNodeDropToGroupDragHandler, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined }] });
 
 class BaseConnectionDragHandler {
     fConnection;
@@ -5072,12 +5052,12 @@ class SnapToGrid {
     }
     _cellSizeStrategies = {
         0: this._noSnap.bind(this),
-        1: this._snapWithCellSize.bind(this)
+        1: this._snapWithCellSize.bind(this),
     };
     _snapWithCellSize(difference) {
         return {
             x: this._snapToGrid(this._onPointerDown.x + difference.x, this._hCellSize) - this._onPointerDown.x,
-            y: this._snapToGrid(this._onPointerDown.y + difference.y, this._vCellSize) - this._onPointerDown.y
+            y: this._snapToGrid(this._onPointerDown.y + difference.y, this._vCellSize) - this._onPointerDown.y,
         };
     }
     _noSnap(difference) {
@@ -5114,8 +5094,9 @@ class RectConstraint {
         };
     }
     _quantizeSigned(v, step) {
-        if (step <= 0 || v === 0)
+        if (step <= 0 || v === 0) {
             return 0;
+        }
         const k = v / step;
         return (v > 0 ? Math.ceil(k) : Math.floor(k)) * step;
     }
@@ -5153,14 +5134,16 @@ class DragConstraintPipeline {
 
 function expandRectFromBaseline(boundingRect, overflow, edges) {
     let { x, y, width, height } = boundingRect;
-    if (edges.right && overflow.x > 0)
+    if (edges.right && overflow.x > 0) {
         width += overflow.x;
+    }
     if (edges.left && overflow.x > 0) {
         x -= overflow.x;
         width += overflow.x;
     }
-    if (edges.bottom && overflow.y > 0)
+    if (edges.bottom && overflow.y > 0) {
         height += overflow.y;
+    }
     if (edges.top && overflow.y > 0) {
         y -= overflow.y;
         height += overflow.y;
@@ -5326,7 +5309,7 @@ class CalculateDragLimitsRequest {
 function infinityMinMax() {
     return {
         min: { x: -Infinity, y: -Infinity },
-        max: { x: Infinity, y: Infinity }
+        max: { x: Infinity, y: Infinity },
     };
 }
 
@@ -5360,7 +5343,7 @@ let GetNodeBoundingIncludePaddings = class GetNodeBoundingIncludePaddings {
     }
     _rect(nodeOrGroup, childrenPaddings) {
         const boundingRect = this._boundingRect(nodeOrGroup);
-        let paddings = this._paddings(nodeOrGroup, boundingRect);
+        const paddings = this._paddings(nodeOrGroup, boundingRect);
         paddings[0] += childrenPaddings[0];
         paddings[1] += childrenPaddings[1];
         paddings[2] += childrenPaddings[2];
@@ -5420,7 +5403,7 @@ let CalculateDragLimits = class CalculateDragLimits {
     _calculateDifference(parentRect, currentRect) {
         return {
             min: this._calculateMinimumDifference(parentRect, currentRect),
-            max: this._calculateMaximumDifference(parentRect, currentRect)
+            max: this._calculateMaximumDifference(parentRect, currentRect),
         };
     }
     _calculateMinimumDifference(parentRect, currentRect) {
@@ -5465,7 +5448,7 @@ class MoveSummaryDragHandler {
         this.allDraggedNodeHandlers = allDraggedNodeHandlers;
         this.rootHandlers = rootHandlers;
         this.fData = {
-            fNodeIds: allDraggedNodeHandlers.map((x) => x.nodeOrGroup.fId())
+            fNodeIds: allDraggedNodeHandlers.map((x) => x.nodeOrGroup.fId()),
         };
     }
     setLineAlignment(handler) {
@@ -5799,63 +5782,65 @@ class SnapLinesDragHandler {
 }
 
 class SnapLineElement {
-    hostElement;
-    element;
-    constructor(fBrowser, hostElement) {
-        this.hostElement = hostElement;
-        this.element = fBrowser.document.createElement('div');
-        this.hostElement.appendChild(this.element);
-        this.element.classList.add('f-line');
+    _element;
+    constructor(browser, hostElement) {
+        this._element = browser.document.createElement('div');
+        hostElement.appendChild(this._element);
+        this._element.classList.add('f-line');
     }
     hide() {
-        this.element.style.display = 'none';
+        this._element.style.display = 'none';
     }
     show() {
-        this.element.style.display = 'block';
+        this._element.style.display = 'block';
     }
     draw(object) {
-        this.element.style.position = 'absolute';
-        Object.keys(object).forEach((key) => {
-            // @ts-ignore
-            this.element.style[key] = object[key] + 'px';
-        });
+        this._element.style.position = 'absolute';
+        for (const [prop, value] of Object.entries(object)) {
+            if (value != null) {
+                this._element.style.setProperty(prop, `${value}px`);
+            }
+        }
+        //
+        //
+        // Object.keys(object).forEach((key: string) => {
+        //   this.element.style[ key ] = object[ key ] + 'px';
+        // });
     }
 }
 
 class SnapLineService {
-    hostElement;
-    fHorizontalLine;
-    fVerticalLine;
-    constructor(fBrowser, hostElement) {
-        this.hostElement = hostElement;
-        this.fHorizontalLine = new SnapLineElement(fBrowser, this.hostElement);
-        this.fVerticalLine = new SnapLineElement(fBrowser, this.hostElement);
-        this.fHorizontalLine.hide();
-        this.fVerticalLine.hide();
+    _horizontalLine;
+    _verticalLine;
+    constructor(browser, hostElement) {
+        this._horizontalLine = new SnapLineElement(browser, hostElement);
+        this._verticalLine = new SnapLineElement(browser, hostElement);
+        this._horizontalLine.hide();
+        this._verticalLine.hide();
     }
     drawVerticalLine(x, size, transform) {
-        this.fVerticalLine.show();
-        this.fVerticalLine.draw({
+        this._verticalLine.show();
+        this._verticalLine.draw({
             left: x * transform.scale + transform.position.x + transform.scaledPosition.x,
             top: 0,
             width: 1,
-            height: size.height
+            height: size.height,
         });
     }
     drawHorizontalLine(y, size, transform) {
-        this.fHorizontalLine.show();
-        this.fHorizontalLine.draw({
+        this._horizontalLine.show();
+        this._horizontalLine.draw({
             left: 0,
             top: y * transform.scale + transform.position.y + transform.scaledPosition.y,
             width: size.width,
-            height: 1
+            height: 1,
         });
     }
     hideVerticalLine() {
-        this.fVerticalLine.hide();
+        this._verticalLine.hide();
     }
     hideHorizontalLine() {
-        this.fHorizontalLine.hide();
+        this._horizontalLine.hide();
     }
 }
 
@@ -5883,20 +5868,20 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FLineAlignmentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: FLineAlignmentComponent, selector: "f-line-alignment", inputs: { fAlignThreshold: { classPropertyName: "fAlignThreshold", publicName: "fAlignThreshold", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "f-line-alignment f-component" }, providers: [
-            { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
+            { 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"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FLineAlignmentComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-line-alignment", template: "", exportAs: "fComponent", host: {
-                        'class': 'f-line-alignment f-component'
+                        'class': 'f-line-alignment f-component',
                     }, providers: [
-                        { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
+                        { 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"] }]
         }] });
 
 const F_LINE_ALIGNMENT_PROVIDERS = [
-    FLineAlignmentComponent
+    FLineAlignmentComponent,
 ];
 
 let CreateSnapLines = class CreateSnapLines {
@@ -6220,12 +6205,12 @@ class ExternalRectConstraint {
     }
     _cellSizeStrategies = {
         0: this._skipCellSize.bind(this),
-        1: this._applyCellSize.bind(this)
+        1: this._applyCellSize.bind(this),
     };
     _applyCellSize(difference) {
         return {
             x: this._snapToGrid(this._onPointerDown.x + difference.x, this._hCellSize) - this._onPointerDown.x,
-            y: this._snapToGrid(this._onPointerDown.y + difference.y, this._vCellSize) - this._onPointerDown.y
+            y: this._snapToGrid(this._onPointerDown.y + difference.y, this._vCellSize) - this._onPointerDown.y,
         };
     }
     _skipCellSize(difference) {
@@ -6320,7 +6305,7 @@ let FExternalItemCreatePreviewExecution = class FExternalItemCreatePreviewExecut
             'top': '0',
             'left': '0',
             'z-index': '1000',
-        }, new Set(['position',]));
+        }, new Set(['position']));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FExternalItemCreatePreviewExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FExternalItemCreatePreviewExecution });
@@ -6476,29 +6461,28 @@ let FExternalItemFinalizeExecution = class FExternalItemFinalizeExecution {
     }
     _getDestinationNodeOrGroupId() {
         const dropToGroupHandler = this._getDropToGroupHandler();
-        let result = dropToGroupHandler.fNodeWithRect?.node.fId();
+        const result = dropToGroupHandler.fNodeWithRect?.node.fId();
         dropToGroupHandler.onPointerUp?.();
         return result;
     }
     _getDropToGroupHandler() {
-        const result = this._dragContext.draggableItems
-            .find((x) => x instanceof FNodeDropToGroupDragHandler);
+        const result = this._dragContext.draggableItems.find((x) => x instanceof FNodeDropToGroupDragHandler);
         if (!result) {
             throw new Error('NodeDragToParentDragHandler not found');
         }
         return result;
     }
     _getElementsFromPoint(position) {
-        return this._fBrowser.document.elementsFromPoint(position.x, position.y)
-            .filter(x => !x.closest('.f-external-item')
-            && !x.closest('.f-external-item-preview'));
+        return this._fBrowser.document
+            .elementsFromPoint(position.x, position.y)
+            .filter((x) => !x.closest('.f-external-item') && !x.closest('.f-external-item-preview'));
     }
     _emitEvent(elements, destinationNodeOrGroupId, eventPosition) {
-        if (this.isPointerInCanvasRect(elements)) {
+        if (this._isPointerInCanvasRect(elements)) {
             this._fCreateNode.emit(new FCreateNodeEvent(this._getPreviewRect(), this._fResult.getData().fExternalItem.fData, destinationNodeOrGroupId, destinationNodeOrGroupId ? eventPosition : undefined));
         }
     }
-    isPointerInCanvasRect(elements) {
+    _isPointerInCanvasRect(elements) {
         return elements.length ? this._fHost.contains(elements[0]) : false;
     }
     _getPreviewRect() {
@@ -6543,7 +6527,7 @@ let FExternalItemPreparationExecution = class FExternalItemPreparationExecution
         this._dragContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
             .elementTransform(this._fHost).div(this._transform.scale);
         this._dragContext.draggableItems = [
-            new FExternalItemDragHandler(this._injector, this._getExternalItem(request.event.targetElement))
+            new FExternalItemDragHandler(this._injector, this._getExternalItem(request.event.targetElement)),
         ];
     }
     _isValid(request) {
@@ -6590,17 +6574,17 @@ let PreventDefaultIsExternalItemExecution = class PreventDefaultIsExternalItemEx
         }
     }
     _isTargetItemExternal(event) {
-        let isTargetItemExternal = this._isExternalItem(event.target);
-        let isTargetParentItemExternal = this._isExternalItem(event.target.parentNode);
+        const isTargetItemExternal = this._isExternalItem(event.target);
+        const isTargetParentItemExternal = this._isExternalItem(event.target.parentNode);
         return isTargetItemExternal || isTargetParentItemExternal;
     }
     _isExternalItem(target) {
         let result = false;
         try {
             result = isExternalItem(target);
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
         }
-        catch (e) {
-        }
+        catch (e) { }
         return result;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PreventDefaultIsExternalItemExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -6635,7 +6619,7 @@ class FExternalItemService {
         this._items.push(item);
     }
     getItem(element) {
-        return this._items.find(item => item.hostElement === element);
+        return this._items.find((item) => item.hostElement === element);
     }
     removeItem(item) {
         const index = this._items.indexOf(item);
@@ -6649,7 +6633,7 @@ class FExternalItemService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FExternalItemService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }] });
 
@@ -6657,48 +6641,41 @@ const F_EXTERNAL_ITEM = new InjectionToken('F_EXTERNAL_ITEM');
 
 let uniqueId$3 = 0;
 class FExternalItemDirective extends FExternalItemBase {
-    _elementReference = inject(ElementRef);
-    _fExternalItemService = inject(FExternalItemService);
+    hostElement = inject(ElementRef).nativeElement;
+    _externalItemService = inject(FExternalItemService);
     fExternalItemId = `f-external-item-${uniqueId$3++}`;
-    get hostElement() {
-        return this._elementReference.nativeElement;
-    }
     fData;
     fDisabled = false;
     fPreview;
     fPreviewMatchSize = true;
     fPlaceholder;
     ngOnInit() {
-        this._fExternalItemService.registerItem(this);
-        this.disablePointerEvents(Array.from(this.hostElement.children));
+        this._externalItemService.registerItem(this);
+        this._disablePointerEvents(Array.from(this.hostElement.children));
     }
-    disablePointerEvents(children) {
+    _disablePointerEvents(children) {
         children.forEach((x) => {
             x.style.pointerEvents = 'none';
-            this.disablePointerEvents(Array.from(x.children));
+            this._disablePointerEvents(Array.from(x.children));
         });
     }
     ngOnDestroy() {
-        this._fExternalItemService.removeItem(this);
+        this._externalItemService.removeItem(this);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FExternalItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: FExternalItemDirective, isStandalone: true, selector: "[fExternalItem]", inputs: { fExternalItemId: "fExternalItemId", fData: "fData", fDisabled: ["fDisabled", "fDisabled", booleanAttribute], fPreview: "fPreview", fPreviewMatchSize: ["fPreviewMatchSize", "fPreviewMatchSize", booleanAttribute], fPlaceholder: "fPlaceholder" }, host: { properties: { "attr.id": "fExternalItemId", "class.f-external-item-disabled": "fDisabled" }, classAttribute: "f-component f-external-item" }, providers: [
-            { provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }
-        ], usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: FExternalItemDirective, isStandalone: true, selector: "[fExternalItem]", inputs: { fExternalItemId: "fExternalItemId", fData: "fData", fDisabled: ["fDisabled", "fDisabled", booleanAttribute], fPreview: "fPreview", fPreviewMatchSize: ["fPreviewMatchSize", "fPreviewMatchSize", booleanAttribute], fPlaceholder: "fPlaceholder" }, host: { properties: { "attr.id": "fExternalItemId", "class.f-external-item-disabled": "fDisabled" }, classAttribute: "f-component f-external-item" }, providers: [{ provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FExternalItemDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[fExternalItem]",
+                    selector: '[fExternalItem]',
                     standalone: true,
                     host: {
                         '[attr.id]': 'fExternalItemId',
-                        class: "f-component f-external-item",
+                        class: 'f-component f-external-item',
                         '[class.f-external-item-disabled]': 'fDisabled',
                     },
-                    providers: [
-                        { provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }
-                    ],
+                    providers: [{ provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }],
                 }]
         }], propDecorators: { fExternalItemId: [{
                 type: Input
@@ -6731,11 +6708,11 @@ class FExternalItemPlaceholderDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FExternalItemPlaceholderDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "ng-template[fExternalItemPlaceholder]",
+                    selector: 'ng-template[fExternalItemPlaceholder]',
                     standalone: true,
                     host: {
-                        class: "f-component f-external-item-placeholder",
-                    }
+                        class: 'f-component f-external-item-placeholder',
+                    },
                 }]
         }] });
 
@@ -6754,16 +6731,16 @@ class FExternalItemPreviewDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FExternalItemPreviewDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "ng-template[fExternalItemPreview]",
+                    selector: 'ng-template[fExternalItemPreview]',
                     standalone: true,
                     host: {
-                        class: "f-component f-external-item-preview",
+                        class: 'f-component f-external-item-preview',
                     },
                 }]
         }] });
 
 const F_EXTERNAL_ITEM_PROVIDERS = [
-    FExternalItemDirective
+    FExternalItemDirective,
 ];
 
 class SortContainersForDropByLayerRequest {
@@ -6781,27 +6758,33 @@ let SortContainersForDropByLayer = class SortContainersForDropByLayer {
             const elA = a.item.node.hostElement;
             const elB = b.item.node.hostElement;
             const domOrder = this._domOrder(elA, elB);
-            if (domOrder !== 0)
+            if (domOrder !== 0) {
                 return -domOrder;
+            }
             return a.idx - b.idx;
         });
         return decorated.map(d => d.item);
     }
     _domOrder(a, b) {
-        if (a === b)
+        if (a === b) {
             return 0;
+        }
         const pos = a.compareDocumentPosition(b);
-        if (pos & Node.DOCUMENT_POSITION_FOLLOWING)
+        if (pos & Node.DOCUMENT_POSITION_FOLLOWING) {
             return -1;
-        if (pos & Node.DOCUMENT_POSITION_PRECEDING)
+        }
+        if (pos & Node.DOCUMENT_POSITION_PRECEDING) {
             return 1;
+        }
         if (pos & Node.DOCUMENT_POSITION_DISCONNECTED) {
             const ar = a.getBoundingClientRect?.() ?? { top: 0, left: 0 };
             const br = b.getBoundingClientRect?.() ?? { top: 0, left: 0 };
-            if (ar.top !== br.top)
+            if (ar.top !== br.top) {
                 return ar.top < br.top ? -1 : 1;
-            if (ar.left !== br.left)
+            }
+            if (ar.left !== br.left) {
                 return ar.left < br.left ? -1 : 1;
+            }
             return 0;
         }
         return 0;
@@ -6905,7 +6888,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const NODE_DROP_TO_GROUP_PROVIDERS = [
     SortContainersForDropByLayer,
     DropToGroupPreparation,
-    DropToGroupFinalize
+    DropToGroupFinalize,
 ];
 
 class ApplyChildResizeConstraintsRequest {
@@ -6920,8 +6903,9 @@ class ApplyChildResizeConstraintsRequest {
 
 let ApplyChildResizeConstraints = class ApplyChildResizeConstraints {
     handle({ rect, childrenBounds }) {
-        if (!childrenBounds)
+        if (!childrenBounds) {
             return;
+        }
         this._apply(rect, childrenBounds);
     }
     _apply(rect, restrictionsRect) {
@@ -6994,12 +6978,13 @@ let ApplyParentResizeConstraints = class ApplyParentResizeConstraints {
     // Top–level orchestration
     // ──────────────────────────────────────────────────────────────────────────────
     _applyResizeConstraints(childRect, limits) {
-        if (!limits)
+        if (!limits) {
             return;
+        }
         // 1) Clone child rect and pre-clamp it by hard limit (calculation only).
         const childForCalc = this._clampedCopyForCalculation(childRect, limits);
         // 2) Apply SOFT expansions for all parent limits based on the clamped child.
-        this.applySoftParentExpansions(childForCalc, limits.softLimits);
+        this._applySoftParentExpansions(childForCalc, limits.softLimits);
         // 3) Final HARD clamp on the real child rect.
         if (limits.hardLimit) {
             this._clampRectToInner(childRect, limits.hardLimit.innerRect);
@@ -7020,13 +7005,13 @@ let ApplyParentResizeConstraints = class ApplyParentResizeConstraints {
     _clampRectToInner(rect, inner) {
         // Left
         if (rect.x < inner.x) {
-            const diff = (inner.x) - rect.x;
+            const diff = inner.x - rect.x;
             rect.x += diff;
             rect.width -= diff;
         }
         // Top
         if (rect.y < inner.y) {
-            const diff = (inner.y) - rect.y;
+            const diff = inner.y - rect.y;
             rect.y += diff;
             rect.height -= diff;
         }
@@ -7048,18 +7033,19 @@ let ApplyParentResizeConstraints = class ApplyParentResizeConstraints {
     // Soft-limit stage
     // ──────────────────────────────────────────────────────────────────────────────
     /** Iterates over all soft limits and applies expansion if overflow is detected. */
-    applySoftParentExpansions(childForCalc, softLimits) {
-        if (!softLimits?.length)
+    _applySoftParentExpansions(childForCalc, softLimits) {
+        if (!softLimits?.length) {
             return;
+        }
         for (const limit of softLimits) {
-            this.expandParentFromOriginalIfOverflow(childForCalc, limit);
+            this._expandParentFromOriginalIfOverflow(childForCalc, limit);
         }
     }
     /**
      * If the child overflows the parent's innerRect, calculate a new parent rect
      * based on the original boundingRect and apply it. Otherwise, reset to original.
      */
-    expandParentFromOriginalIfOverflow(child, limit) {
+    _expandParentFromOriginalIfOverflow(child, limit) {
         const inner = limit.innerRect; // detector only
         const original = limit.boundingRect; // parent's original rect
         const overflow = this._computeOverflow(inner, child);
@@ -7076,10 +7062,10 @@ let ApplyParentResizeConstraints = class ApplyParentResizeConstraints {
     }
     /** Computes overflow values for each side relative to innerRect. */
     _computeOverflow(inner, child) {
-        const left = Math.max(0, (inner.x) - child.x);
-        const top = Math.max(0, (inner.y) - child.y);
-        const right = Math.max(0, (child.x + child.width) - (inner.x + inner.width));
-        const bottom = Math.max(0, (child.y + child.height) - (inner.y + inner.height));
+        const left = Math.max(0, inner.x - child.x);
+        const top = Math.max(0, inner.y - child.y);
+        const right = Math.max(0, child.x + child.width - (inner.x + inner.width));
+        const bottom = Math.max(0, child.y + child.height - (inner.y + inner.height));
         return { left, top, right, bottom };
     }
     /** Builds new parent rect from original rect and overflow values. */
@@ -7247,7 +7233,7 @@ let CalculateResizeLimits = class CalculateResizeLimits {
         return {
             limits: this._buildSoftHardLimits(parents),
             childrenBounds: this._getNormalizedChildrenBounds(nodeOrGroup, paddings),
-            minimumSize: SizeExtensions.initialize(paddings[0] + paddings[2], paddings[1] + paddings[3])
+            minimumSize: SizeExtensions.initialize(paddings[0] + paddings[2], paddings[1] + paddings[3]),
         };
     }
     _calculateNodePaddings(nodeOrGroup, rect) {
@@ -7365,7 +7351,7 @@ class NodeResizeDragHandler {
 
 let NodeResizeFinalize = class NodeResizeFinalize {
     _dragContext = inject(FDraggableDataContext);
-    handle(request) {
+    handle(_request) {
         if (!this._isNodeResizeHandler()) {
             return;
         }
@@ -7415,7 +7401,7 @@ let NodeResizePreparation = class NodeResizePreparation {
         this._dragContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
             .elementTransform(this._fHost).div(this._transform.scale);
         this._dragContext.draggableItems = [
-            new NodeResizeDragHandler(this._injector, this._nodeOrGroup, EFResizeHandleType[this._getHandleType(request.event.targetElement)])
+            new NodeResizeDragHandler(this._injector, this._nodeOrGroup, EFResizeHandleType[this._getHandleType(request.event.targetElement)]),
         ];
     }
     _isValid(request) {
@@ -7494,7 +7480,7 @@ class FNodeRotateDragHandler {
     _fSourceHandlers;
     _fTargetHandlers;
     _store;
-    _fMediator;
+    _mediator;
     _dragContext;
     fEventType = 'node-rotate';
     fData;
@@ -7514,7 +7500,7 @@ class FNodeRotateDragHandler {
             fNodeId: _fNode.fId(),
         };
         this._store = _injector.get(FComponentsStore);
-        this._fMediator = _injector.get(FMediator);
+        this._mediator = _injector.get(FMediator);
         this._dragContext = _injector.get(FDraggableDataContext);
     }
     prepareDragSequence() {
@@ -7523,7 +7509,7 @@ class FNodeRotateDragHandler {
         this._initialRotationToX = this._calculateAngleBetweenVectors(this._onDownPoint) - this._startRotation;
     }
     _getOriginalNodeRect() {
-        return this._fMediator.execute(new GetNormalizedElementRectRequest(this._fNode.hostElement));
+        return this._mediator.execute(new GetNormalizedElementRectRequest(this._fNode.hostElement));
     }
     _calculateDownPoint() {
         return PointExtensions.sub(this._dragContext.onPointerDownPosition, PointExtensions.sum(this._transform.position, this._transform.scaledPosition));
@@ -7555,17 +7541,18 @@ class FNodeRotateDragHandler {
 }
 
 let FNodeRotateFinalizeExecution = class FNodeRotateFinalizeExecution {
-    _dragContext = inject(FDraggableDataContext);
+    _draggableDataContext = inject(FDraggableDataContext);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     handle(request) {
         if (!this._isValid()) {
             return;
         }
-        this._dragContext.draggableItems.forEach((x) => {
+        this._draggableDataContext.draggableItems.forEach((x) => {
             x.onPointerUp?.();
         });
     }
     _isValid() {
-        return this._dragContext.draggableItems.some((x) => x instanceof FNodeRotateDragHandler);
+        return this._draggableDataContext.draggableItems.some((x) => x instanceof FNodeRotateDragHandler);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FNodeRotateFinalizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FNodeRotateFinalizeExecution });
@@ -7608,7 +7595,7 @@ let FNodeRotatePreparationExecution = class FNodeRotatePreparationExecution {
         this._dragContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
             .elementTransform(this._fHost).div(this._transform.scale);
         this._dragContext.draggableItems = [
-            new FNodeRotateDragHandler(this._injector, this._fNode, this._calculateOutputConnectionsDragHandlers(), this._calculateInputConnectionsDragHandlers())
+            new FNodeRotateDragHandler(this._injector, this._fNode, this._calculateOutputConnectionsDragHandlers(), this._calculateInputConnectionsDragHandlers()),
         ];
     }
     _isValid(request) {
@@ -7635,7 +7622,7 @@ let FNodeRotatePreparationExecution = class FNodeRotatePreparationExecution {
             const connector = this._store.fInputs.find((y) => y.fId === x.fInputId).hostElement;
             return {
                 connection: new TargetConnectionDragHandler(this._injector, x),
-                connector: this._fMediator.execute(new GetNormalizedElementRectRequest(connector)).gravityCenter
+                connector: this._fMediator.execute(new GetNormalizedElementRectRequest(connector)).gravityCenter,
             };
         });
     }
@@ -7644,7 +7631,7 @@ let FNodeRotatePreparationExecution = class FNodeRotatePreparationExecution {
             const connector = this._store.fOutputs.find((y) => y.fId === x.fOutputId).hostElement;
             return {
                 connection: new SourceConnectionDragHandler(this._injector, x),
-                connector: this._fMediator.execute(new GetNormalizedElementRectRequest(connector)).gravityCenter
+                connector: this._fMediator.execute(new GetNormalizedElementRectRequest(connector)).gravityCenter,
             };
         });
     }
@@ -7815,7 +7802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: "[fDragBlocker]",
                     host: {
                         class: `f-drag-blocker`,
-                    }
+                    },
                 }]
         }] });
 
@@ -7988,7 +7975,7 @@ class DragAndDropBase {
             return;
         }
         this.pointerDownElement = mouseEvent.targetElement;
-        let result = this.onPointerDown(mouseEvent);
+        const result = this.onPointerDown(mouseEvent);
         if (result) {
             this.dragStartTime = Date.now();
             this.dragStartPosition = mouseEvent.getPosition();
@@ -8021,7 +8008,7 @@ class DragAndDropBase {
             return;
         }
         this.pointerDownElement = touchEvent.targetElement;
-        let result = this.onPointerDown(touchEvent);
+        const result = this.onPointerDown(touchEvent);
         if (result) {
             this.dragStartTime = Date.now();
             this.dragStartPosition = touchEvent.getPosition();
@@ -8172,12 +8159,7 @@ class FDraggableBase extends DragAndDropBase {
     constructor(ngZone) {
         super(ngZone);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FDraggableBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FDraggableBase, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FDraggableBase, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: undefined }] });
 
 const F_BEFORE_MAIN_PLUGIN = new InjectionToken('F_BEFORE_MAIN_PLUGIN');
 const F_AFTER_MAIN_PLUGIN = new InjectionToken('F_AFTER_MAIN_PLUGIN');
@@ -8238,17 +8220,17 @@ function isDragBlocker(element) {
 // │   To Start                           │
 // └──────────────────────────────────────┘
 class FDraggableDirective extends FDraggableBase {
-    _fBrowser;
     _elementReference = inject(ElementRef);
     _fResult = inject(FDragHandlerResult);
     _mediator = inject(FMediator);
     _platform = inject(PlatformService);
+    _browser = inject(BrowserService);
     disabled = false;
     get hostElement() {
         return this._elementReference.nativeElement;
     }
     fMultiSelectTrigger = (event) => {
-        return (this._platform.getOS() === EOperationSystem.MAC_OS) ? event.metaKey : event.ctrlKey;
+        return this._platform.getOS() === EOperationSystem.MAC_OS ? event.metaKey : event.ctrlKey;
     };
     fReassignConnectionTrigger = defaultEventTrigger;
     fCreateConnectionTrigger = defaultEventTrigger;
@@ -8270,32 +8252,39 @@ class FDraggableDirective extends FDraggableBase {
      * This value is used to snap nodes to a vertical grid while dragging.
      * The default value is `1`, which means that nodes will snap to every pixel vertically.
      */
-    vCellSize = input(1, { transform: (value) => numberAttribute(value, 1) });
+    vCellSize = input(1, {
+        transform: (value) => numberAttribute(value, 1),
+    });
     /**
      * Defines the horizontal cell size for the grid.
      * This value is used to snap nodes to a horizontal grid while dragging.
      * The default value is `1`, which means that nodes will snap to every pixel horizontally.
      */
-    hCellSize = input(1, { transform: (value) => numberAttribute(value, 1) });
+    hCellSize = input(1, {
+        transform: (value) => numberAttribute(value, 1),
+    });
     /**
      * Defines whether the cell size should be applied while dragging.
      * If set to `true`, the dragged nodes will snap to the grid defined by `vCellSize` and `hCellSize`.
      * If set to `false`, the nodes will move freely without snapping to the grid.
      */
-    fCellSizeWhileDragging = input(false, { transform: (value) => booleanAttribute(value) });
+    fCellSizeWhileDragging = input(false, {
+        transform: (value) => booleanAttribute(value),
+    });
     fDragStarted = new EventEmitter();
     fDragEnded = new EventEmitter();
     _beforePlugins;
     _afterPlugins;
-    constructor(ngZone, _fBrowser) {
+    constructor(
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    ngZone) {
         super(ngZone);
-        this._fBrowser = _fBrowser;
     }
     ngOnInit() {
         this._mediator.execute(new AddDndToStoreRequest(this));
     }
     ngAfterViewInit() {
-        super.subscribe(this._fBrowser.document);
+        super.subscribe(this._browser.document);
     }
     onPointerDown(event) {
         if (isDragBlocker(event.targetElement)) {
@@ -8352,22 +8341,22 @@ class FDraggableDirective extends FDraggableBase {
         this._mediator.execute(new RemoveDndFromStoreRequest());
         super.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FDraggableDirective, deps: [{ token: NgZone, optional: true }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FDraggableDirective, deps: [{ token: NgZone, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: { classPropertyName: "disabled", publicName: "fDraggableDisabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, fMultiSelectTrigger: { classPropertyName: "fMultiSelectTrigger", publicName: "fMultiSelectTrigger", isSignal: false, isRequired: false, transformFunction: null }, fReassignConnectionTrigger: { classPropertyName: "fReassignConnectionTrigger", publicName: "fReassignConnectionTrigger", isSignal: false, isRequired: false, transformFunction: null }, fCreateConnectionTrigger: { classPropertyName: "fCreateConnectionTrigger", publicName: "fCreateConnectionTrigger", isSignal: false, isRequired: false, transformFunction: null }, fNodeResizeTrigger: { classPropertyName: "fNodeResizeTrigger", publicName: "fNodeResizeTrigger", isSignal: false, isRequired: false, transformFunction: null }, fNodeRotateTrigger: { classPropertyName: "fNodeRotateTrigger", publicName: "fNodeRotateTrigger", isSignal: false, isRequired: false, transformFunction: null }, fNodeMoveTrigger: { classPropertyName: "fNodeMoveTrigger", publicName: "fNodeMoveTrigger", isSignal: false, isRequired: false, transformFunction: null }, fCanvasMoveTrigger: { classPropertyName: "fCanvasMoveTrigger", publicName: "fCanvasMoveTrigger", isSignal: false, isRequired: false, transformFunction: null }, fExternalItemTrigger: { classPropertyName: "fExternalItemTrigger", publicName: "fExternalItemTrigger", isSignal: false, isRequired: false, transformFunction: null }, fEmitOnNodeIntersect: { classPropertyName: "fEmitOnNodeIntersect", publicName: "fEmitOnNodeIntersect", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, vCellSize: { classPropertyName: "vCellSize", publicName: "vCellSize", isSignal: true, isRequired: false, transformFunction: null }, hCellSize: { classPropertyName: "hCellSize", publicName: "hCellSize", isSignal: true, isRequired: false, transformFunction: null }, fCellSizeWhileDragging: { classPropertyName: "fCellSizeWhileDragging", publicName: "fCellSizeWhileDragging", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fSelectionChange: "fSelectionChange", fNodeIntersectedWithConnections: "fNodeIntersectedWithConnections", fCreateNode: "fCreateNode", fMoveNodes: "fMoveNodes", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection", fDropToGroup: "fDropToGroup", fDragStarted: "fDragStarted", fDragEnded: "fDragEnded" }, providers: [FDragHandlerResult], queries: [{ propertyName: "_beforePlugins", predicate: F_BEFORE_MAIN_PLUGIN, descendants: true }, { propertyName: "_afterPlugins", predicate: F_AFTER_MAIN_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FDraggableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "f-flow[fDraggable]",
+                    selector: 'f-flow[fDraggable]',
                     exportAs: 'fDraggable',
-                    providers: [FDragHandlerResult]
+                    providers: [FDragHandlerResult],
                 }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [NgZone]
                 }, {
                     type: Optional
-                }] }, { type: i1.BrowserService }], propDecorators: { disabled: [{
+                }] }], propDecorators: { disabled: [{
                 type: Input,
                 args: [{ transform: booleanAttribute, alias: 'fDraggableDisabled' }]
             }], fMultiSelectTrigger: [{
@@ -8451,31 +8440,27 @@ class CalculateFlowPointFromMinimapPointRequest {
 }
 
 let CalculateFlowPointFromMinimapPointExecution = class CalculateFlowPointFromMinimapPointExecution {
-    fComponentsStore;
-    get canvasScale() {
-        return this.fComponentsStore.fCanvas.transform.scale;
-    }
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
+    _store = inject(FComponentsStore);
+    get _canvasScale() {
+        return this._store.fCanvas?.transform.scale || 1;
     }
     handle(payload) {
-        return PointExtensions.sub(payload.canvasPosition, PointExtensions.sub(this.getPositionInViewBox(payload.eventPoint, payload.minimap), this.getNormalizedFlowCenter(payload.flowRect)));
+        return PointExtensions.sub(payload.canvasPosition, PointExtensions.sub(this._getPositionInViewBox(payload.eventPoint, payload.minimap), this._getNormalizedFlowCenter(payload.flowRect)));
     }
-    getNormalizedFlowCenter(flowRect) {
+    _getNormalizedFlowCenter(flowRect) {
         return Point.fromPoint(flowRect.gravityCenter).sub(flowRect);
     }
-    getPositionInViewBox(eventPoint, minimap) {
+    _getPositionInViewBox(eventPoint, minimap) {
         const eventPointInFlow = this.normalizeEventPoint(eventPoint, minimap);
-        return PointExtensions.sum(eventPointInFlow, RectExtensions.mult(minimap.viewBox, this.canvasScale));
+        return PointExtensions.sum(eventPointInFlow, RectExtensions.mult(minimap.viewBox, this._canvasScale));
     }
     normalizeEventPoint(point, minimap) {
-        return this.getEventPointInMinimap(point, minimap)
-            .mult(minimap.scale).mult(this.canvasScale);
+        return this._getEventPointInMinimap(point, minimap).mult(minimap.scale).mult(this._canvasScale);
     }
-    getEventPointInMinimap(eventPoint, minimap) {
+    _getEventPointInMinimap(eventPoint, minimap) {
         return Point.fromPoint(eventPoint).elementTransform(minimap.element);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution });
 };
 CalculateFlowPointFromMinimapPointExecution = __decorate([
@@ -8483,87 +8468,82 @@ CalculateFlowPointFromMinimapPointExecution = __decorate([
 ], CalculateFlowPointFromMinimapPointExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateFlowPointFromMinimapPointExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
+        }] });
 
 class FMinimapDragHandler {
-    fComponentsStore;
-    fMediator;
-    flowRect;
-    canvasPosition;
-    eventPoint;
-    minimap;
+    _store;
+    _mediator;
+    _flowRect;
+    _canvasPosition;
+    _eventPoint;
+    _minimap;
     fEventType = 'minimap';
-    lastDifference = null;
-    constructor(fComponentsStore, fMediator, flowRect, canvasPosition, eventPoint, minimap) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-        this.flowRect = flowRect;
-        this.canvasPosition = canvasPosition;
-        this.eventPoint = eventPoint;
-        this.minimap = minimap;
+    _lastDifference = null;
+    constructor(_store, _mediator, _flowRect, _canvasPosition, _eventPoint, _minimap) {
+        this._store = _store;
+        this._mediator = _mediator;
+        this._flowRect = _flowRect;
+        this._canvasPosition = _canvasPosition;
+        this._eventPoint = _eventPoint;
+        this._minimap = _minimap;
     }
     prepareDragSequence() {
-        this.fComponentsStore.fCanvas?.hostElement.classList.add('f-scaled-animate');
+        this._store.fCanvas?.hostElement.classList.add('f-scaled-animate');
     }
     onPointerMove(difference) {
-        if (this.lastDifference && this.isSamePoint(difference, this.lastDifference)) {
+        if (this._lastDifference && this._isSamePoint(difference, this._lastDifference)) {
             return;
         }
-        this.lastDifference = difference;
-        this.fComponentsStore.fCanvas.setPosition(this.getNewPosition(Point.fromPoint(this.eventPoint).add(difference)));
-        this.fComponentsStore.fCanvas.redraw();
+        this._lastDifference = difference;
+        this._store.fCanvas?.setPosition(this._getNewPosition(Point.fromPoint(this._eventPoint).add(difference)));
+        this._store.fCanvas?.redraw();
     }
-    isSamePoint(point1, point2) {
+    _isSamePoint(point1, point2) {
         return point1.x === point2.x && point1.y === point2.y;
     }
-    getNewPosition(eventPoint) {
-        return this.fMediator.execute(new CalculateFlowPointFromMinimapPointRequest(this.flowRect, this.canvasPosition, eventPoint, this.minimap));
+    _getNewPosition(eventPoint) {
+        return this._mediator.execute(new CalculateFlowPointFromMinimapPointRequest(this._flowRect, this._canvasPosition, eventPoint, this._minimap));
     }
     onPointerUp() {
-        this.fComponentsStore.fCanvas?.hostElement.classList.remove('f-scaled-animate');
-        this.fComponentsStore.fCanvas.emitCanvasChangeEvent();
+        this._store.fCanvas?.hostElement.classList.remove('f-scaled-animate');
+        this._store.fCanvas?.emitCanvasChangeEvent();
     }
 }
 
 let MinimapDragPreparationExecution = class MinimapDragPreparationExecution {
-    fComponentsStore;
-    fMediator;
-    fDraggableDataContext;
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
-    constructor(fComponentsStore, fMediator, fDraggableDataContext) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-        this.fDraggableDataContext = fDraggableDataContext;
+    _store = inject(FComponentsStore);
+    _mediator = inject(FMediator);
+    _draggableDataContext = inject(FDraggableDataContext);
+    get _flowHost() {
+        return this._store.fFlow.hostElement;
     }
     handle(request) {
         if (!this._isValid(request)) {
             return;
         }
         const eventPoint = request.event.getPosition();
-        const startCanvasPosition = Point.fromPoint(this.fComponentsStore.fCanvas.transform.position);
-        this.fComponentsStore.fCanvas.setPosition(this.getNewPosition(eventPoint, request.minimap));
-        this.fComponentsStore.fCanvas.redraw();
-        this.fComponentsStore.fCanvas.emitCanvasChangeEvent();
-        this.fDraggableDataContext.onPointerDownScale = 1;
-        this.fDraggableDataContext.onPointerDownPosition = Point.fromPoint(eventPoint).elementTransform(this.flowHost);
-        this.fDraggableDataContext.draggableItems = [
-            new FMinimapDragHandler(this.fComponentsStore, this.fMediator, this.getFlowRect(), startCanvasPosition, eventPoint, request.minimap)
+        const startCanvasPosition = Point.fromPoint(this._store.fCanvas.transform.position);
+        this._store.fCanvas.setPosition(this._getNewPosition(eventPoint, request.minimap));
+        this._store.fCanvas.redraw();
+        this._store.fCanvas.emitCanvasChangeEvent();
+        this._draggableDataContext.onPointerDownScale = 1;
+        this._draggableDataContext.onPointerDownPosition = Point.fromPoint(eventPoint).elementTransform(this._flowHost);
+        this._draggableDataContext.draggableItems = [
+            new FMinimapDragHandler(this._store, this._mediator, this._getFlowRect(), startCanvasPosition, eventPoint, request.minimap),
         ];
     }
     _isValid(request) {
-        return !this.fDraggableDataContext.draggableItems.length &&
+        return (!this._draggableDataContext.draggableItems.length &&
             !!request.event.targetElement.closest('.f-minimap') &&
-            this.fComponentsStore.flowHost.contains(request.event.targetElement);
+            this._store.flowHost.contains(request.event.targetElement));
     }
-    getNewPosition(eventPoint, minimap) {
-        return this.fMediator.execute(new CalculateFlowPointFromMinimapPointRequest(this.getFlowRect(), Point.fromPoint(this.fComponentsStore.fCanvas.transform.position), eventPoint, minimap));
+    _getNewPosition(eventPoint, minimap) {
+        return this._mediator.execute(new CalculateFlowPointFromMinimapPointRequest(this._getFlowRect(), Point.fromPoint(this._store.fCanvas.transform.position), eventPoint, minimap));
     }
-    getFlowRect() {
-        return RectExtensions.fromElement(this.flowHost);
+    _getFlowRect() {
+        return RectExtensions.fromElement(this._flowHost);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragPreparationExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragPreparationExecution });
 };
 MinimapDragPreparationExecution = __decorate([
@@ -8571,7 +8551,7 @@ MinimapDragPreparationExecution = __decorate([
 ], MinimapDragPreparationExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragPreparationExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: i2.FMediator }, { type: FDraggableDataContext }] });
+        }] });
 
 const MINIMAP_DRAG_PREPARATION_PROVIDERS = [
     MinimapDragPreparationExecution,
@@ -8586,22 +8566,20 @@ class MinimapDragFinalizeRequest {
 }
 
 let MinimapDragFinalizeExecution = class MinimapDragFinalizeExecution {
-    fDraggableDataContext;
-    constructor(fDraggableDataContext) {
-        this.fDraggableDataContext = fDraggableDataContext;
-    }
+    _draggableDataContext = inject(FDraggableDataContext);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     handle(request) {
         if (!this._isValid()) {
             return;
         }
-        this.fDraggableDataContext.draggableItems.forEach((x) => {
+        this._draggableDataContext.draggableItems.forEach((x) => {
             x.onPointerUp?.();
         });
     }
     _isValid() {
-        return this.fDraggableDataContext.draggableItems.some((x) => x instanceof FMinimapDragHandler);
+        return this._draggableDataContext.draggableItems.some((x) => x instanceof FMinimapDragHandler);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragFinalizeExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragFinalizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragFinalizeExecution });
 };
 MinimapDragFinalizeExecution = __decorate([
@@ -8609,7 +8587,7 @@ MinimapDragFinalizeExecution = __decorate([
 ], MinimapDragFinalizeExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapDragFinalizeExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FDraggableDataContext }] });
+        }] });
 
 const MINIMAP_DRAG_FINALIZE_PROVIDERS = [
     MinimapDragFinalizeExecution,
@@ -8634,6 +8612,7 @@ let MinimapDrawNodesExecution = class MinimapDrawNodesExecution {
     handle(request) {
         return this._createMinimapNodeElements(request);
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _createMinimapNodeElements(request) {
         return this._fNodes.map((x) => {
             const element = this._createNodeElement();
@@ -8682,15 +8661,16 @@ class MinimapCalculateViewBoxRequest {
 }
 
 let MinimapCalculateViewBoxExecution = class MinimapCalculateViewBoxExecution {
-    _fComponentStore = inject(FComponentsStore);
-    get _fFlow() {
-        return this._fComponentStore.fFlow;
+    _store = inject(FComponentsStore);
+    get _flowComponent() {
+        return this._store.fFlow;
     }
-    get _fCanvas() {
-        return this._fComponentStore.fCanvas;
+    get _canvasComponent() {
+        return this._store.fCanvas;
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     handle(request) {
-        if (!this._fFlow || !this._fCanvas) {
+        if (!this._flowComponent || !this._canvasComponent) {
             return RectExtensions.initialize();
         }
         return this._getRectForMinimapView();
@@ -8702,7 +8682,7 @@ let MinimapCalculateViewBoxExecution = class MinimapCalculateViewBoxExecution {
         return result;
     }
     _calculateViewBox() {
-        return RectExtensions.div(RectExtensions.fromElement(this._fFlow.hostElement), this._fCanvas.transform.scale);
+        return RectExtensions.div(RectExtensions.fromElement(this._flowComponent.hostElement), this._canvasComponent.transform.scale);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapCalculateViewBoxExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MinimapCalculateViewBoxExecution });
@@ -8742,7 +8722,7 @@ let MinimapCalculateSvgScaleAndViewBoxExecution = class MinimapCalculateSvgScale
         const scale = this._calculateViewScale(nodesRect, minimapRect);
         return {
             scale,
-            viewBox: this._calculateViewBox(nodesRect, minimapRect, scale)
+            viewBox: this._calculateViewBox(nodesRect, minimapRect, scale),
         };
     }
     _getScaledNodesBoundingBox(minSize) {
@@ -8861,7 +8841,7 @@ class SelectionAreaDragHandle {
 
 let SelectionAreaFinalizeExecution = class SelectionAreaFinalizeExecution {
     _dragContext = inject(FDraggableDataContext);
-    handle(request) {
+    handle(_request) {
         if (!this._isValid()) {
             return;
         }
@@ -8906,7 +8886,7 @@ let SelectionAreaPreparationExecution = class SelectionAreaPreparationExecution
             return;
         }
         this._dragContext.draggableItems = [
-            new SelectionAreaDragHandle(this._store, request.fSelectionArea, this._dragContext, this._fMediator)
+            new SelectionAreaDragHandle(this._store, request.fSelectionArea, this._dragContext, this._fMediator),
         ];
         this._dragContext.onPointerDownScale = 1;
         this._dragContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
@@ -8928,7 +8908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 const F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS = [
     SelectionAreaPreparationExecution,
-    SelectionAreaFinalizeExecution
+    SelectionAreaFinalizeExecution,
 ];
 
 class FSelectionAreaBase {
@@ -8978,7 +8958,7 @@ class FSelectionAreaComponent extends FSelectionAreaBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSelectionAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-selection-area", template: ``, host: {
-                        'class': 'f-selection-area f-component'
+                        'class': 'f-selection-area f-component',
                     }, providers: [
                         { provide: F_BEFORE_MAIN_PLUGIN, useExisting: FSelectionAreaComponent },
                     ], styles: [":host{position:absolute}\n"] }]
@@ -8987,7 +8967,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 const F_SELECTION_AREA_PROVIDERS = [
-    FSelectionAreaComponent
+    FSelectionAreaComponent,
 ];
 
 const F_DRAGGABLE_PROVIDERS = [
@@ -9001,7 +8981,7 @@ const F_DRAGGABLE_PROVIDERS = [
     ...NODE_RESIZE_PROVIDERS,
     ...NODE_ROTATE_PROVIDERS,
     ...F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS,
-    ...F_MINIMAP_DRAG_AND_DROP_PROVIDERS
+    ...F_MINIMAP_DRAG_AND_DROP_PROVIDERS,
 ];
 
 class ClearSelectionRequest {
@@ -9126,7 +9106,7 @@ let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
         return this.fNodes.filter((x) => !x.fSelectionDisabled()).map((x) => {
             return {
                 element: x,
-                fRect: RectExtensions.mult(this._mediator.execute(new GetNormalizedElementRectRequest(x.hostElement)), this.transform.scale)
+                fRect: RectExtensions.mult(this._mediator.execute(new GetNormalizedElementRectRequest(x.hostElement)), this.transform.scale),
             };
         });
     }
@@ -9138,7 +9118,7 @@ let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
         return this.fConnections.filter((x) => !x.fSelectionDisabled()).map((x) => {
             return {
                 element: x,
-                fRect: RectExtensions.mult(this._mediator.execute(new GetNormalizedElementRectRequest(x.boundingElement)), this.transform.scale)
+                fRect: RectExtensions.mult(this._mediator.execute(new GetNormalizedElementRectRequest(x.boundingElement)), this.transform.scale),
             };
         });
     }
@@ -9165,7 +9145,7 @@ let GetCurrentSelectionExecution = class GetCurrentSelectionExecution {
         return {
             fNodeIds: this._getSelectedNodes(),
             fGroupIds: this._getSelectedGroups(),
-            fConnectionIds: this._getSelectedConnections()
+            fConnectionIds: this._getSelectedConnections(),
         };
     }
     _getSelectedNodes() {
@@ -9503,7 +9483,7 @@ const F_SELECTION_FEATURES = [
     GetCurrentSelectionExecution,
     SelectExecution,
     SelectAllExecution,
-    SelectAndUpdateNodeLayerExecution
+    SelectAndUpdateNodeLayerExecution,
 ];
 
 /**
@@ -9679,7 +9659,7 @@ let StartDragSequenceExecution = class StartDragSequenceExecution {
     get _hostElement() {
         return this._store.fDraggable.hostElement;
     }
-    handle(request) {
+    handle(_request) {
         if (this._dragContext.draggableItems.length > 0) {
             this._hostElement.classList.add(F_CSS_CLASS.DRAG_AND_DROP.DRAGGING);
             this._mediator.execute(new EmitSelectionChangeEventRequest());
@@ -9689,7 +9669,7 @@ let StartDragSequenceExecution = class StartDragSequenceExecution {
     _emitDragStarted() {
         this._store.fDraggable?.fDragStarted?.emit({
             fEventType: this._dragContext.draggableItems[0].fEventType,
-            fData: { ...this._dragContext.draggableItems[0].fData }
+            fData: { ...this._dragContext.draggableItems[0].fData },
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StartDragSequenceExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -9761,7 +9741,7 @@ const F_DRAGGABLE_FEATURES = [
     PrepareDragSequenceExecution,
     IsDragStarted,
     StartDragSequenceExecution,
-    RemoveDndFromStoreExecution
+    RemoveDndFromStoreExecution,
 ];
 
 class AddFlowToStoreRequest {
@@ -9857,7 +9837,7 @@ let GetFlowStateConnectionsExecution = class GetFlowStateConnectionsExecution {
             fInputId: x.fInputId,
             fType: x.fType,
             fBehavior: x.fBehavior,
-            isSelected: x.isSelected()
+            isSelected: x.isSelected(),
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateConnectionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -9893,7 +9873,7 @@ let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
                 rotate: x._rotate,
                 fOutputs: this._getOutputs(x.hostElement),
                 fInputs: this._getInputs(x.hostElement),
-                isSelected: x.isSelected()
+                isSelected: x.isSelected(),
             };
         });
     }
@@ -9901,7 +9881,7 @@ let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
         return this._store.fOutputs.filter((x) => hostElement.contains(x.hostElement)).map((x) => {
             return {
                 id: x.fId,
-                fConnectableSide: x.fConnectableSide
+                fConnectableSide: x.fConnectableSide,
             };
         });
     }
@@ -9909,7 +9889,7 @@ let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
         return this._store.fInputs.filter((x) => hostElement.contains(x.hostElement)).map((x) => {
             return {
                 id: x.fId,
-                fConnectableSide: x.fConnectableSide
+                fConnectableSide: x.fConnectableSide,
             };
         });
     }
@@ -9939,7 +9919,7 @@ let GetFlowStateExecution = class GetFlowStateExecution {
             scale: this._store.fCanvas.transform.scale,
             nodes: this._mediator.execute(new GetFlowStateNodesRequest(FNodeDirective)),
             groups: this._mediator.execute(new GetFlowStateNodesRequest(FGroupDirective)),
-            connections: this._mediator.execute(new GetFlowStateConnectionsRequest())
+            connections: this._mediator.execute(new GetFlowStateConnectionsRequest()),
         };
     }
     _getCanvasPosition(transform) {
@@ -9961,7 +9941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const GET_FLOW_STATE_PROVIDERS = [
     GetFlowStateExecution,
     GetFlowStateNodesExecution,
-    GetFlowStateConnectionsExecution
+    GetFlowStateConnectionsExecution,
 ];
 
 class RemoveFlowFromStoreRequest {
@@ -9996,7 +9976,7 @@ const F_FLOW_FEATURES = [
     GetFlowExecution,
     GetFlowHostElementExecution,
     ...GET_FLOW_STATE_PROVIDERS,
-    RemoveFlowFromStoreExecution
+    RemoveFlowFromStoreExecution,
 ];
 
 class AddLineAlignmentToStoreRequest {
@@ -10054,7 +10034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 const F_LINE_ALIGNMENT_FEATURES = [
     AddLineAlignmentToStoreExecution,
-    RemoveLineAlignmentFromStoreExecution
+    RemoveLineAlignmentFromStoreExecution,
 ];
 
 class AddNodeToStoreRequest {
@@ -10251,7 +10231,7 @@ let GetNodePadding = class GetNodePadding {
             this._browser.toPixels(style.paddingLeft, rect.width, rect.height, style.fontSize),
             this._browser.toPixels(style.paddingTop, rect.width, rect.height, style.fontSize),
             this._browser.toPixels(style.paddingRight, rect.width, rect.height, style.fontSize),
-            this._browser.toPixels(style.paddingBottom, rect.width, rect.height, style.fontSize)
+            this._browser.toPixels(style.paddingBottom, rect.width, rect.height, style.fontSize),
         ];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodePadding, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -10566,7 +10546,7 @@ const F_NODE_FEATURES = [
     GetNodes,
     GetParentNodes,
     UpdateNodeWhenStateOrSizeChanged,
-    RemoveNodeFromStore
+    RemoveNodeFromStore,
 ];
 
 class AddZoomToStoreRequest {
@@ -10586,7 +10566,7 @@ let AddZoomToStoreExecution = class AddZoomToStoreExecution {
     _store = inject(FComponentsStore);
     handle(request) {
         this._store.fComponents = {
-            [F_ZOOM_TAG]: request.fComponent
+            [F_ZOOM_TAG]: request.fComponent,
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddZoomToStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -10608,9 +10588,9 @@ class RemoveZoomFromStoreRequest {
  */
 let RemoveZoomFromStoreExecution = class RemoveZoomFromStoreExecution {
     _store = inject(FComponentsStore);
-    handle(request) {
+    handle(_request) {
         this._store.fComponents = {
-            [F_ZOOM_TAG]: undefined
+            [F_ZOOM_TAG]: undefined,
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveZoomFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -10717,7 +10697,7 @@ const F_ZOOM_FEATURES = [
     AddZoomToStoreExecution,
     RemoveZoomFromStoreExecution,
     ResetZoomExecution,
-    SetZoomExecution
+    SetZoomExecution,
 ];
 
 class SortNodeLayersRequest {
@@ -10783,8 +10763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class SortItemsByParentRequest {
     fItemsContainer;
     static fToken = Symbol('SortItemsByParentRequest');
-    constructor(fItemsContainer // fGroupsContainer || fNodesContainer
-    ) {
+    constructor(fItemsContainer) {
         this.fItemsContainer = fItemsContainer;
     }
 }
@@ -10823,7 +10802,7 @@ let SortItemsByParentExecution = class SortItemsByParentExecution {
             .filter((x) => this._fItemsContainer.contains(x.hostElement)).map((x) => x.hostElement);
     }
     _moveChildrenItems(sortedChildrenItems, parent) {
-        let nextSibling = parent.hostElement.nextElementSibling;
+        const nextSibling = parent.hostElement.nextElementSibling;
         const fragment = this._browser.document.createDocumentFragment();
         sortedChildrenItems.forEach((child) => {
             fragment.appendChild(child); // Append automatically removes the element from its current position
@@ -11023,7 +11002,7 @@ class FRectPatternComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FRectPatternComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: FRectPatternComponent, isStandalone: true, selector: "f-rect-pattern", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, vColor: { classPropertyName: "vColor", publicName: "vColor", isSignal: true, isRequired: false, transformFunction: null }, hColor: { classPropertyName: "hColor", publicName: "hColor", isSignal: true, isRequired: false, transformFunction: null }, vSize: { classPropertyName: "vSize", publicName: "vSize", isSignal: true, isRequired: false, transformFunction: null }, hSize: { classPropertyName: "hSize", publicName: "hSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id" } }, providers: [
-            { provide: F_BACKGROUND_PATTERN, useExisting: FRectPatternComponent }
+            { provide: F_BACKGROUND_PATTERN, useExisting: FRectPatternComponent },
         ], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FRectPatternComponent, decorators: [{
@@ -11033,12 +11012,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     template: ``,
                     standalone: true,
                     host: {
-                        '[attr.id]': 'id'
+                        '[attr.id]': 'id',
                     },
                     providers: [
-                        { provide: F_BACKGROUND_PATTERN, useExisting: FRectPatternComponent }
+                        { provide: F_BACKGROUND_PATTERN, useExisting: FRectPatternComponent },
                     ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [] });
 
@@ -11111,7 +11090,7 @@ class FCirclePatternComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCirclePatternComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: FCirclePatternComponent, isStandalone: true, selector: "f-circle-pattern", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id" } }, providers: [
-            { provide: F_BACKGROUND_PATTERN, useExisting: FCirclePatternComponent }
+            { provide: F_BACKGROUND_PATTERN, useExisting: FCirclePatternComponent },
         ], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCirclePatternComponent, decorators: [{
@@ -11121,12 +11100,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     template: ``,
                     standalone: true,
                     host: {
-                        '[attr.id]': 'id'
+                        '[attr.id]': 'id',
                     },
                     providers: [
-                        { provide: F_BACKGROUND_PATTERN, useExisting: FCirclePatternComponent }
+                        { provide: F_BACKGROUND_PATTERN, useExisting: FCirclePatternComponent },
                     ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [] });
 
@@ -11164,14 +11143,14 @@ class FBackgroundComponent extends FBackgroundBase {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FBackgroundComponent, decorators: [{
             type: Component,
             args: [{ selector: "f-background", template: "<svg><ng-content></ng-content></svg>", standalone: true, host: {
-                        'class': 'f-component f-background'
+                        'class': 'f-component f-background',
                     }, providers: [{ provide: F_BACKGROUND, useExisting: FBackgroundComponent }], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:absolute;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}:host svg{width:100%;height:100%}\n"] }]
         }] });
 
 const F_BACKGROUND_PROVIDERS = [
     FBackgroundComponent,
     FRectPatternComponent,
-    FCirclePatternComponent
+    FCirclePatternComponent,
 ];
 
 class FCanvasChangeEvent {
@@ -11338,7 +11317,7 @@ class FCanvasComponent extends FCanvasBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCanvasComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: FCanvasComponent, isStandalone: true, selector: "f-canvas", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fCanvasChange: "fCanvasChange" }, host: { classAttribute: "f-component f-canvas" }, providers: [
-            { provide: F_CANVAS, useExisting: FCanvasComponent }
+            { provide: F_CANVAS, useExisting: FCanvasComponent },
         ], viewQueries: [{ propertyName: "fGroupsContainer", first: true, predicate: ["fGroupsContainer"], descendants: true, isSignal: true }, { propertyName: "fNodesContainer", first: true, predicate: ["fNodesContainer"], descendants: true, isSignal: true }, { propertyName: "fConnectionsContainer", first: true, predicate: ["fConnectionsContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <div #fGroupsContainer>\n    <ng-content select=\"[fGroup]\"></ng-content>\n  </div>\n  <div #fConnectionsContainer>\n    <ng-content select=\"f-snap-connection\"></ng-content>\n    <ng-content select=\"f-connection\"></ng-content>\n    <ng-content select=\"f-connection-for-create\"></ng-content>\n  </div>\n\n  <div #fNodesContainer>\n    <ng-content select=\"[fNode]\"></ng-content>\n  </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 __decorate([
@@ -11352,7 +11331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'f-canvas', standalone: true, host: {
                         'class': 'f-component f-canvas',
                     }, providers: [
-                        { provide: F_CANVAS, useExisting: FCanvasComponent }
+                        { provide: F_CANVAS, useExisting: FCanvasComponent },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <div #fGroupsContainer>\n    <ng-content select=\"[fGroup]\"></ng-content>\n  </div>\n  <div #fConnectionsContainer>\n    <ng-content select=\"f-snap-connection\"></ng-content>\n    <ng-content select=\"f-connection\"></ng-content>\n    <ng-content select=\"f-connection-for-create\"></ng-content>\n  </div>\n\n  <div #fNodesContainer>\n    <ng-content select=\"[fNode]\"></ng-content>\n  </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}\n"] }]
         }], propDecorators: { setZoom: [], resetZoom: [] } });
 
@@ -11390,7 +11369,7 @@ class FMinimapFlowDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FMinimapFlowDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'svg[fMinimapFlow]'
+                    selector: 'svg[fMinimapFlow]',
                 }]
         }] });
 
@@ -11415,7 +11394,7 @@ class FMinimapCanvasDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FMinimapCanvasDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'g[fMinimapCanvas]'
+                    selector: 'g[fMinimapCanvas]',
                 }]
         }] });
 
@@ -11437,7 +11416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: 'rect[fMinimapView]',
                     host: {
                         'class': 'f-component f-minimap-view',
-                    }
+                    },
                 }]
         }] });
 
@@ -11609,7 +11588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 const F_FLOW_PROVIDERS = [
-    FFlowComponent
+    FFlowComponent,
 ];
 
 var EFZoomDirection;
@@ -11740,7 +11719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     exportAs: 'fComponent',
                     standalone: true,
                     host: {
-                        'class': 'f-zoom f-component'
+                        'class': 'f-zoom f-component',
                     },
                     providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }],
                 }]
@@ -11766,7 +11745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], getScale: [] } });
 
 const F_ZOOM_PROVIDERS = [
-    FZoomDirective
+    FZoomDirective,
 ];
 
 class FFlowModule {
@@ -11811,7 +11790,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ...F_SELECTION_AREA_PROVIDERS,
                         FDragBlockerDirective,
                         FDraggableDirective,
-                    ]
+                    ],
                 }]
         }] });
 
@@ -11819,5 +11798,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddBackgroundToStoreExecution, AddBackgroundToStoreRequest, AddCanvasToStoreExecution, AddCanvasToStoreRequest, AddConnectionForCreateToStoreExecution, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStoreExecution, AddConnectionMarkerToStoreRequest, AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddDndToStoreExecution, AddDndToStoreRequest, AddFlowToStoreExecution, AddFlowToStoreRequest, AddInputToStoreExecution, AddInputToStoreRequest, AddLineAlignmentToStoreExecution, AddLineAlignmentToStoreRequest, AddNodeToStore, AddNodeToStoreRequest, AddOutletToStoreExecution, AddOutletToStoreRequest, AddOutputToStoreExecution, AddOutputToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, AddSnapConnectionToStoreExecution, AddSnapConnectionToStoreRequest, AddZoomToStoreExecution, AddZoomToStoreRequest, ApplyChildResizeConstraints, ApplyChildResizeConstraintsRequest, ApplyParentResizeConstraints, ApplyParentResizeConstraintsRequest, BaseConnectionDragHandler, BuildDragHierarchy, BuildDragHierarchyRequest, BuildDragHierarchyResponse, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedRectFromDifference, CalculateChangedRectFromDifferenceRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectionLineByBehaviorExecution, CalculateConnectionLineByBehaviorRequest, CalculateDirectChildrenUnionRect, CalculateDirectChildrenUnionRectRequest, CalculateDragLimits, CalculateDragLimitsRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateInputConnections, CalculateInputConnectionsRequest, CalculateNodesBoundingBox, CalculateNodesBoundingBoxNormalizedPosition, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CalculateOutputConnections, CalculateOutputConnectionsRequest, CalculateResizeLimits, CalculateResizeLimitsRequest, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateDragModelFromSelection, CreateDragModelFromSelectionRequest, CreateInputConnectionHandlerAndSetToNodeHandler, CreateInputConnectionHandlerAndSetToNodeHandlerRequest, CreateOutputConnectionHandlerAndSetToNodeHandler, CreateOutputConnectionHandlerAndSetToNodeHandlerRequest, CreateSnapLines, CreateSnapLinesRequest, CreateSummaryDragHandler, CreateSummaryDragHandlerRequest, DRAG_AND_DROP_COMMON_PROVIDERS, Deprecated, DragAndDropBase, DragConstraintPipeline, DropToGroupFinalize, DropToGroupFinalizeRequest, DropToGroupPreparation, DropToGroupPreparationRequest, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, EventExtensions, ExternalRectConstraint, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCanvasDragHandler, FCanvasMoveFinalizeExecution, FCanvasMoveFinalizeRequest, FCanvasMovePreparationExecution, FCanvasMovePreparationRequest, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionDragHandler, FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionDragHandlerPreparationRequest, FCreateConnectionEvent, FCreateConnectionFinalizeExecution, FCreateConnectionFinalizeRequest, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutletPreparationRequest, FCreateConnectionFromOutputPreparationExecution, FCreateConnectionFromOutputPreparationRequest, FCreateConnectionPreparationExecution, FCreateConnectionPreparationRequest, FCreateNodeEvent, FDragBlockerDirective, FDragHandleDirective, FDragHandlerResult, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemCreatePlaceholderExecution, FExternalItemCreatePlaceholderRequest, FExternalItemCreatePreviewExecution, FExternalItemCreatePreviewRequest, FExternalItemDirective, FExternalItemDragHandler, FExternalItemFinalizeExecution, FExternalItemFinalizeRequest, FExternalItemPlaceholderDirective, FExternalItemPreparationExecution, FExternalItemPreparationRequest, FExternalItemPreviewDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FMoveNodesEvent, FNodeBase, FNodeDirective, FNodeDropToGroupDragHandler, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeMoveFinalizeExecution, FNodeMoveFinalizeRequest, FNodeMovePreparationExecution, FNodeMovePreparationRequest, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeRotateDragHandler, FNodeRotateFinalizeExecution, FNodeRotateFinalizeRequest, FNodeRotatePreparationExecution, FNodeRotatePreparationRequest, FReassignConnectionDragHandler, FReassignConnectionEvent, FReassignConnectionFinalizeExecution, FReassignConnectionFinalizeRequest, FReassignConnectionPreparationExecution, FReassignConnectionPreparationRequest, FReassignSourceDragHandler, FReassignTargetDragHandler, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSingleSelectExecution, FSingleSelectRequest, FSnapConnectionComponent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_AFTER_MAIN_PLUGIN, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_BEFORE_MAIN_PLUGIN, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_FEATURES, F_CONNECTION_IDENTIFIERS, F_CONNECTION_PROVIDERS, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_CSS_CLASS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_FEATURES, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, F_NODE_FEATURES, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_NODE_PROVIDERS, F_SELECTED_CLASS, F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS, F_SELECTION_AREA_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_ZOOM, F_ZOOM_FEATURES, F_ZOOM_PROVIDERS, F_ZOOM_TAG, FindClosestConnectorExecution, FindClosestConnectorRequest, FindConnectableConnectorUsingPriorityAndPositionExecution, FindConnectableConnectorUsingPriorityAndPositionRequest, FitToChildNodesAndGroups, FitToChildNodesAndGroupsRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputsAndRectsExecution, GetAllCanBeConnectedInputsAndRectsRequest, GetAllCanBeConnectedSourceConnectorsAndRectsExecution, GetAllCanBeConnectedSourceConnectorsAndRectsRequest, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetChildNodeIds, GetChildNodeIdsRequest, GetConnectorAndRectExecution, GetConnectorAndRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFirstConnectableOutputExecution, GetFirstConnectableOutputRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetNodeBoundingIncludePaddings, GetNodeBoundingIncludePaddingsRequest, GetNodeBoundingIncludePaddingsResponse, GetNodePadding, GetNodePaddingRequest, GetNodes, GetNodesRequest, GetNormalizedConnectorRectExecution, GetNormalizedConnectorRectRequest, GetNormalizedElementRectExecution, GetNormalizedElementRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetNormalizedPointExecution, GetNormalizedPointRequest, GetParentNodes, GetParentNodesRequest, IMouseEvent, IPointerEvent, IPointerUpEvent, ITouchDownEvent, ITouchMoveEvent, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsDragStarted, IsDragStartedRequest, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, LogExecutionTime, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MOUSE_EVENT_IGNORE_TIME, MarkConnectableConnectorsExecution, MarkConnectableConnectorsRequest, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveDragHandler, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, MoveSummaryDragHandler, NODE_DROP_TO_GROUP_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_PROVIDERS, NODE_ROTATE_PROVIDERS, NodeResizeDragHandler, NodeResizeFinalize, NodeResizeFinalizeRequest, NodeResizePreparation, NodeResizePreparationRequest, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, RESIZE_DIRECTIONS, RectConstraint, RedrawCanvasWithAnimationExecution, RedrawCanvasWithAnimationRequest, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveBackgroundFromStoreExecution, RemoveBackgroundFromStoreRequest, RemoveCanvasFromStoreExecution, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStoreExecution, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStoreExecution, RemoveConnectionMarkerFromStoreRequest, RemoveDndFromStoreExecution, RemoveDndFromStoreRequest, RemoveFlowFromStoreExecution, RemoveFlowFromStoreRequest, RemoveInputFromStoreExecution, RemoveInputFromStoreRequest, RemoveLineAlignmentFromStoreExecution, RemoveLineAlignmentFromStoreRequest, RemoveNodeFromStore, RemoveNodeFromStoreRequest, RemoveOutletFromStoreExecution, RemoveOutletFromStoreRequest, RemoveOutputFromStoreExecution, RemoveOutputFromStoreRequest, RemoveSnapConnectionFromStoreExecution, RemoveSnapConnectionFromStoreRequest, RemoveZoomFromStoreExecution, RemoveZoomFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, ResetZoomExecution, ResetZoomRequest, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SetZoomExecution, SetZoomRequest, SnapLineElement, SnapLineService, SnapLinesDragHandler, SnapToGrid, SortContainersForDropByLayer, SortContainersForDropByLayerRequest, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SourceConnectionDragHandler, SourceTargetConnectionDragHandler, StartDragSequenceExecution, StartDragSequenceRequest, TargetConnectionDragHandler, UnmarkConnectableConnectorsExecution, UnmarkConnectableConnectorsRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChanged, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, defaultEventTrigger, expandRectFromBaseline, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, infinityMinMax, isClosestConnectorInsideSnapThreshold, isDragBlocker, isDragHandleEnd, isDragHandleStart, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isPointerInsideStartOrEndDragHandles, isRotateHandle, isValidEventTrigger, mediatorEffect, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, roundedRectFromPoint, transitionEnd };
+export { AddBackgroundToStoreExecution, AddBackgroundToStoreRequest, AddCanvasToStoreExecution, AddCanvasToStoreRequest, AddConnectionForCreateToStoreExecution, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStoreExecution, AddConnectionMarkerToStoreRequest, AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddDndToStoreExecution, AddDndToStoreRequest, AddFlowToStoreExecution, AddFlowToStoreRequest, AddInputToStoreExecution, AddInputToStoreRequest, AddLineAlignmentToStoreExecution, AddLineAlignmentToStoreRequest, AddNodeToStore, AddNodeToStoreRequest, AddOutletToStoreExecution, AddOutletToStoreRequest, AddOutputToStoreExecution, AddOutputToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, AddSnapConnectionToStoreExecution, AddSnapConnectionToStoreRequest, AddZoomToStoreExecution, AddZoomToStoreRequest, ApplyChildResizeConstraints, ApplyChildResizeConstraintsRequest, ApplyParentResizeConstraints, ApplyParentResizeConstraintsRequest, BaseConnectionDragHandler, BuildDragHierarchy, BuildDragHierarchyRequest, BuildDragHierarchyResponse, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedRectFromDifference, CalculateChangedRectFromDifferenceRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectionLineByBehaviorExecution, CalculateConnectionLineByBehaviorRequest, CalculateDirectChildrenUnionRect, CalculateDirectChildrenUnionRectRequest, CalculateDragLimits, CalculateDragLimitsRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateInputConnections, CalculateInputConnectionsRequest, CalculateNodesBoundingBox, CalculateNodesBoundingBoxNormalizedPosition, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CalculateOutputConnections, CalculateOutputConnectionsRequest, CalculateResizeLimits, CalculateResizeLimitsRequest, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateDragModelFromSelection, CreateDragModelFromSelectionRequest, CreateInputConnectionHandlerAndSetToNodeHandler, CreateInputConnectionHandlerAndSetToNodeHandlerRequest, CreateOutputConnectionHandlerAndSetToNodeHandler, CreateOutputConnectionHandlerAndSetToNodeHandlerRequest, CreateSnapLines, CreateSnapLinesRequest, CreateSummaryDragHandler, CreateSummaryDragHandlerRequest, DRAG_AND_DROP_COMMON_PROVIDERS, Deprecated, DragAndDropBase, DragConstraintPipeline, DropToGroupFinalize, DropToGroupFinalizeRequest, DropToGroupPreparation, DropToGroupPreparationRequest, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, EventExtensions, ExternalRectConstraint, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCanvasDragHandler, FCanvasMoveFinalizeExecution, FCanvasMoveFinalizeRequest, FCanvasMovePreparationExecution, FCanvasMovePreparationRequest, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionDragHandler, FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionDragHandlerPreparationRequest, FCreateConnectionEvent, FCreateConnectionFinalizeExecution, FCreateConnectionFinalizeRequest, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutletPreparationRequest, FCreateConnectionFromOutputPreparationExecution, FCreateConnectionFromOutputPreparationRequest, FCreateConnectionPreparationExecution, FCreateConnectionPreparationRequest, FCreateNodeEvent, FDragBlockerDirective, FDragHandleDirective, FDragHandlerResult, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemCreatePlaceholderExecution, FExternalItemCreatePlaceholderRequest, FExternalItemCreatePreviewExecution, FExternalItemCreatePreviewRequest, FExternalItemDirective, FExternalItemDragHandler, FExternalItemFinalizeExecution, FExternalItemFinalizeRequest, FExternalItemPlaceholderDirective, FExternalItemPreparationExecution, FExternalItemPreparationRequest, FExternalItemPreviewDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FMoveNodesEvent, FNodeBase, FNodeDirective, FNodeDropToGroupDragHandler, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeMoveFinalizeExecution, FNodeMoveFinalizeRequest, FNodeMovePreparationExecution, FNodeMovePreparationRequest, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeRotateDragHandler, FNodeRotateFinalizeExecution, FNodeRotateFinalizeRequest, FNodeRotatePreparationExecution, FNodeRotatePreparationRequest, FReassignConnectionDragHandler, FReassignConnectionEvent, FReassignConnectionFinalizeExecution, FReassignConnectionFinalizeRequest, FReassignConnectionPreparationExecution, FReassignConnectionPreparationRequest, FReassignSourceDragHandler, FReassignTargetDragHandler, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSingleSelectExecution, FSingleSelectRequest, FSnapConnectionComponent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_AFTER_MAIN_PLUGIN, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_BEFORE_MAIN_PLUGIN, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_FEATURES, F_CONNECTION_IDENTIFIERS, F_CONNECTION_PROVIDERS, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_CSS_CLASS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_FEATURES, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, F_NODE_FEATURES, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_NODE_PROVIDERS, F_SELECTED_CLASS, F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS, F_SELECTION_AREA_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_ZOOM, F_ZOOM_FEATURES, F_ZOOM_PROVIDERS, F_ZOOM_TAG, FindClosestConnectorExecution, FindClosestConnectorRequest, FindConnectableConnectorUsingPriorityAndPositionExecution, FindConnectableConnectorUsingPriorityAndPositionRequest, FitToChildNodesAndGroups, FitToChildNodesAndGroupsRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputsAndRectsExecution, GetAllCanBeConnectedInputsAndRectsRequest, GetAllCanBeConnectedSourceConnectorsAndRectsExecution, GetAllCanBeConnectedSourceConnectorsAndRectsRequest, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetChildNodeIds, GetChildNodeIdsRequest, GetConnectorAndRectExecution, GetConnectorAndRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFirstConnectableOutputExecution, GetFirstConnectableOutputRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetNodeBoundingIncludePaddings, GetNodeBoundingIncludePaddingsRequest, GetNodeBoundingIncludePaddingsResponse, GetNodePadding, GetNodePaddingRequest, GetNodes, GetNodesRequest, GetNormalizedConnectorRectExecution, GetNormalizedConnectorRectRequest, GetNormalizedElementRectExecution, GetNormalizedElementRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetNormalizedPointExecution, GetNormalizedPointRequest, GetParentNodes, GetParentNodesRequest, IMouseEvent, IPointerEvent, IPointerUpEvent, ITouchDownEvent, ITouchMoveEvent, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsDragStarted, IsDragStartedRequest, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, LogExecutionTime, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MOUSE_EVENT_IGNORE_TIME, MarkConnectableConnectorsExecution, MarkConnectableConnectorsRequest, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveDragHandler, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, MoveSummaryDragHandler, NODE_DROP_TO_GROUP_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_PROVIDERS, NODE_ROTATE_PROVIDERS, NodeResizeDragHandler, NodeResizeFinalize, NodeResizeFinalizeRequest, NodeResizePreparation, NodeResizePreparationRequest, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, RESIZE_DIRECTIONS, RectConstraint, RedrawCanvasWithAnimationExecution, RedrawCanvasWithAnimationRequest, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveBackgroundFromStoreExecution, RemoveBackgroundFromStoreRequest, RemoveCanvasFromStoreExecution, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStoreExecution, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStoreExecution, RemoveConnectionMarkerFromStoreRequest, RemoveDndFromStoreExecution, RemoveDndFromStoreRequest, RemoveFlowFromStoreExecution, RemoveFlowFromStoreRequest, RemoveInputFromStoreExecution, RemoveInputFromStoreRequest, RemoveLineAlignmentFromStoreExecution, RemoveLineAlignmentFromStoreRequest, RemoveNodeFromStore, RemoveNodeFromStoreRequest, RemoveOutletFromStoreExecution, RemoveOutletFromStoreRequest, RemoveOutputFromStoreExecution, RemoveOutputFromStoreRequest, RemoveSnapConnectionFromStoreExecution, RemoveSnapConnectionFromStoreRequest, RemoveZoomFromStoreExecution, RemoveZoomFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, ResetZoomExecution, ResetZoomRequest, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SetZoomExecution, SetZoomRequest, SnapLineElement, SnapLineService, SnapLinesDragHandler, SnapToGrid, SortContainersForDropByLayer, SortContainersForDropByLayerRequest, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SourceConnectionDragHandler, SourceTargetConnectionDragHandler, StartDragSequenceExecution, StartDragSequenceRequest, TargetConnectionDragHandler, UnmarkConnectableConnectorsExecution, UnmarkConnectableConnectorsRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChanged, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, defaultEventTrigger, expandRectFromBaseline, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, infinityMinMax, isClosestConnectorInsideSnapThreshold, isDragBlocker, isDragHandleEnd, isDragHandleStart, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isPointerInsideStartOrEndDragHandles, isRotateHandle, isValidEventTrigger, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, roundedRectFromPoint, transitionEnd };
 //# sourceMappingURL=foblex-flow.mjs.map