@foblex/flow 18.2.0 → 18.3.0

package/fesm2022/foblex-flow.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, ElementRef, Injector, input, effect, untracked, Directive, signal, numberAttribute, model, booleanAttribute, Component, ChangeDetectionStrategy, Input, viewChild, contentChildren, contentChild, computed, Renderer2, DestroyRef, output, ViewContainerRef, TemplateRef, runInInjectionContext, NgZone, EventEmitter, Output, afterNextRender, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, ElementRef, Injector, input, effect, untracked, Directive, signal, numberAttribute, model, booleanAttribute, Component, ChangeDetectionStrategy, Input, computed, viewChild, contentChildren, contentChild, Renderer2, DestroyRef, output, ViewContainerRef, TemplateRef, runInInjectionContext, NgZone, EventEmitter, Output, afterNextRender, NgModule } from '@angular/core';
 import { TransformModelExtensions, PointExtensions, RectExtensions, GetIntersections, Point, LineExtensions, RoundedRect, SizeExtensions, setRectToElement, adjustRectToMinSize, setRectToViewBox } from '@foblex/2d';
 import { __decorate } from 'tslib';
 import { FExecutionRegister, FMediator } from '@foblex/mediator';
@@ -512,12 +512,17 @@ class FComponentsStore {
     _connectionsRevision = 0;
     nodesChanges$ = new FChannel();
     _nodesRevision = 0;
+    progressiveRenderChanges$ = new FChannel();
+    _pendingProgressiveRenderCount = 0;
     get connectionsRevision() {
         return this._connectionsRevision;
     }
     get nodesRevision() {
         return this._nodesRevision;
     }
+    get hasPendingProgressiveRender() {
+        return this._pendingProgressiveRenderCount > 0;
+    }
     get flowHost() {
         return this.fFlow?.hostElement;
     }
@@ -542,6 +547,17 @@ class FComponentsStore {
         this._connectionsRevision++;
         this.connectionsChanges$.notify();
     }
+    beginProgressiveRender() {
+        this._pendingProgressiveRenderCount++;
+        this.progressiveRenderChanges$.notify();
+    }
+    endProgressiveRender() {
+        if (!this._pendingProgressiveRenderCount) {
+            return;
+        }
+        this._pendingProgressiveRenderCount--;
+        this.progressiveRenderChanges$.notify();
+    }
     transformChanged() {
         this.transformChanges$.notify();
     }
@@ -1252,9 +1268,20 @@ class CreateConnectionMarkersRequest {
 let CreateConnectionMarkers = class CreateConnectionMarkers {
     _browser = inject(BrowserService);
     _store = inject(FComponentsStore);
+    _markerCache = new WeakMap();
     handle({ connection }) {
+        const markers = this._findConnectionMarkers(connection);
+        const defs = connection.fDefs();
+        if (!defs) {
+            return false;
+        }
+        const signature = createConnectionMarkersSignature(markers);
+        const cached = this._markerCache.get(connection);
+        if (cached?.signature === signature && cached.defsElement === defs.nativeElement) {
+            return false;
+        }
         const element = createSVGElement$1('defs', this._browser);
-        this._findConnectionMarkers(connection).forEach((marker) => {
+        markers.forEach((marker) => {
             const markerElement = createMarkerElement(marker, connection.fId(), this._browser);
             const clone = marker.hostElement.cloneNode(true);
             clone.setAttribute('height', `${marker.height}`);
@@ -1264,11 +1291,13 @@ let CreateConnectionMarkers = class CreateConnectionMarkers {
             markerElement.append(clone);
             element.append(markerElement);
         });
-        const defs = connection.fDefs();
-        if (defs) {
-            defs.nativeElement.innerHTML = element.innerHTML;
-        }
+        defs.nativeElement.innerHTML = element.innerHTML;
+        this._markerCache.set(connection, {
+            signature,
+            defsElement: defs.nativeElement,
+        });
         this._makeSafariCompatible(connection);
+        return true;
     }
     _findConnectionMarkers(connection) {
         return this._store.connectionMarkers
@@ -1288,6 +1317,20 @@ CreateConnectionMarkers = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateConnectionMarkers, decorators: [{
             type: Injectable
         }] });
+function createConnectionMarkersSignature(markers) {
+    return markers
+        .map((marker) => [
+        marker.type,
+        marker.width,
+        marker.height,
+        marker.refX,
+        marker.refY,
+        marker.orient,
+        marker.markerUnits,
+        marker.hostElement.outerHTML,
+    ].join('|'))
+        .join('||');
+}
 function createMarkerElement(marker, connectionId, browser) {
     const markerElement = createSVGElement$1('marker', browser);
     markerElement.setAttribute('id', normalizeDomElementId(marker.type + '-' + connectionId));
@@ -1851,11 +1894,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-const F_CONNECTION_GRADIENT = new InjectionToken('F_CONNECTION_GRADIENT');
-class FConnectionGradientBase {
-    hostElement = inject((ElementRef)).nativeElement;
-}
-
 var EFConnectionBehavior;
 (function (EFConnectionBehavior) {
     EFConnectionBehavior["FIXED"] = "fixed";
@@ -2674,60 +2712,125 @@ function createConnectionSelectionDomIdentifier(componentId, sourceId, targetId)
     return normalizeDomElementId('connection_for_selection_' + componentId + sourceId + targetId);
 }
 
-function createGradientDomIdentifier(componentId, sourceId, targetId) {
-    return normalizeDomElementId('connection_gradient_' + componentId + sourceId + targetId);
+function createGradientDomIdentifier(componentId) {
+    return normalizeDomElementId('connection_gradient_' + componentId);
 }
 
-function createGradientDomUrl(componentId, sourceId, targetId) {
-    return `url(#${createGradientDomIdentifier(componentId, sourceId, targetId)})`;
+function createGradientDomUrl(componentId) {
+    return `url(#${createGradientDomIdentifier(componentId)})`;
 }
 
-class FConnectionGradient extends FConnectionGradientBase {
+class FConnectionGradientRendererBase {
     _connection = inject(F_CONNECTION_COMPONENTS_PARENT);
-    get gradientId() {
-        return createGradientDomIdentifier(this._connection.fId(), this._connection.fOutputId(), this._connection.fInputId());
+    _hostElement = inject((ElementRef)).nativeElement;
+    _injector = inject(Injector);
+    _hostAttributes = new Map();
+    _startColor;
+    _endColor;
+    gradientId = computed(() => createGradientDomIdentifier(this._connection.fId()));
+    ngOnInit() {
+        this._listenColorChanges();
+    }
+    _listenColorChanges() {
+        effect(() => {
+            this.gradient().fStartColor();
+            this.gradient().fEndColor();
+            untracked(() => {
+                this._updateGradient();
+            });
+        }, { injector: this._injector });
     }
     get stop1Element() {
-        return this.hostElement.children.item(0);
+        return this._hostElement.children.item(0);
     }
     get stop2Element() {
-        return this.hostElement.children.item(1);
-    }
-    initialize() {
-        this.stop1Element.setAttribute('offset', '0%');
-        this.stop2Element.setAttribute('offset', '100%');
-    }
-    _updateGradient() {
-        this._setFromColor(this._connection.fStartColor());
-        this._setToColor(this._connection.fEndColor());
-    }
-    _setFromColor(color) {
-        this.stop1Element.setAttribute('stop-color', color || 'transparent');
-    }
-    _setToColor(color) {
-        this.stop2Element.setAttribute('stop-color', color || 'transparent');
+        return this._hostElement.children.item(1);
     }
     redraw(line) {
         const x = line.point2.x - line.point1.x;
         const y = line.point2.y - line.point1.y;
         const distance = Math.sqrt(x * x + y * y) || 0.01;
         const from = new Point(0.5 - (0.5 * x) / distance, 0.5 - (0.5 * y) / distance);
-        this.hostElement.setAttribute('x1', from.x.toString());
-        this.hostElement.setAttribute('y1', from.y.toString());
+        this._setHostAttribute('x1', from.x.toString());
+        this._setHostAttribute('y1', from.y.toString());
         const to = new Point(0.5 + (0.5 * x) / distance, 0.5 + (0.5 * y) / distance);
-        this.hostElement.setAttribute('x2', to.x.toString());
-        this.hostElement.setAttribute('y2', to.y.toString());
+        this._setHostAttribute('x2', to.x.toString());
+        this._setHostAttribute('y2', to.y.toString());
         this._updateGradient();
     }
+    _updateGradient() {
+        const gradient = this.gradient();
+        this._setFromColor(gradient.fStartColor());
+        this._setToColor(gradient.fEndColor());
+    }
+    _setFromColor(color) {
+        const nextColor = color || 'transparent';
+        if (this._startColor === nextColor) {
+            return;
+        }
+        this._startColor = nextColor;
+        this.stop1Element.setAttribute('stop-color', nextColor);
+        this.stop1Element.style.setProperty('stop-color', nextColor);
+    }
+    _setToColor(color) {
+        const nextColor = color || 'transparent';
+        if (this._endColor === nextColor) {
+            return;
+        }
+        this._endColor = nextColor;
+        this.stop2Element.setAttribute('stop-color', nextColor);
+        this.stop2Element.style.setProperty('stop-color', nextColor);
+    }
+    _setHostAttribute(name, value) {
+        if (this._hostAttributes.get(name) === value) {
+            return;
+        }
+        this._hostAttributes.set(name, value);
+        this._hostElement.setAttribute(name, value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionGradientRendererBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FConnectionGradientRendererBase, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionGradientRendererBase, decorators: [{
+            type: Directive,
+            args: [{}]
+        }] });
+
+class FConnectionGradientRenderer extends FConnectionGradientRendererBase {
+    gradient = input.required({
+        alias: 'fConnectionGradientRendererFor',
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionGradientRenderer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: FConnectionGradientRenderer, isStandalone: true, selector: "linearGradient[fConnectionGradientRenderer]", inputs: { gradient: { classPropertyName: "gradient", publicName: "fConnectionGradientRendererFor", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.id": "gradientId()" } }, usesInheritance: true, ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <svg:stop offset=\"0%\" />\n  <svg:stop offset=\"100%\" />\n</ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionGradientRenderer, decorators: [{
+            type: Component,
+            args: [{ selector: 'linearGradient[fConnectionGradientRenderer]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.id]': 'gradientId()',
+                    }, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <svg:stop offset=\"0%\" />\n  <svg:stop offset=\"100%\" />\n</ng-container>\n" }]
+        }] });
+
+const F_CONNECTION_GRADIENT = new InjectionToken('F_CONNECTION_GRADIENT');
+class FConnectionGradientBase {
+}
+
+class FConnectionGradient extends FConnectionGradientBase {
+    fStartColor = input.required();
+    fEndColor = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionGradient, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FConnectionGradient, selector: "linearGradient[fConnectionGradient]", host: { properties: { "attr.id": "gradientId" }, classAttribute: "f-component f-connection-gradient" }, providers: [{ provide: F_CONNECTION_GRADIENT, useExisting: FConnectionGradient }], usesInheritance: true, ngImport: i0, template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <svg:stop />\n  <svg:stop />\n</ng-container>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: FConnectionGradient, isStandalone: true, selector: "f-connection-gradient", inputs: { fStartColor: { classPropertyName: "fStartColor", publicName: "fStartColor", isSignal: true, isRequired: true, transformFunction: null }, fEndColor: { classPropertyName: "fEndColor", publicName: "fEndColor", isSignal: true, isRequired: true, transformFunction: null } }, host: { styleAttribute: "display: none;" }, providers: [{ provide: F_CONNECTION_GRADIENT, useExisting: FConnectionGradient }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionGradient, decorators: [{
             type: Component,
-            args: [{ selector: 'linearGradient[fConnectionGradient]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'f-component f-connection-gradient',
-                        '[attr.id]': 'gradientId',
-                    }, providers: [{ provide: F_CONNECTION_GRADIENT, useExisting: FConnectionGradient }], template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n  <svg:stop />\n  <svg:stop />\n</ng-container>\n" }]
+            args: [{
+                    selector: 'f-connection-gradient',
+                    template: '',
+                    standalone: true,
+                    host: {
+                        style: 'display: none;',
+                    },
+                    providers: [{ provide: F_CONNECTION_GRADIENT, useExisting: FConnectionGradient }],
+                }]
         }] });
 
 const F_CONNECTION_PATH = new InjectionToken('F_CONNECTION_PATH');
@@ -2737,12 +2840,16 @@ class FConnectionPathBase {
 
 class FConnectionPath extends FConnectionPathBase {
     _connection = inject(F_CONNECTION_COMPONENTS_PARENT);
+    useGradient = input(false);
+    linkToGradient = computed(() => {
+        if (!this.useGradient()) {
+            return null;
+        }
+        return createGradientDomUrl(this._connection.fId());
+    });
     get fPathId() {
         return this._connection.fId();
     }
-    get linkToGradient() {
-        return createGradientDomUrl(this._connection.fId(), this._connection.fOutputId(), this._connection.fInputId());
-    }
     get attrConnectionId() {
         return createConnectionDomIdentifier(this._connection.fId(), this._connection.fOutputId(), this._connection.fInputId());
     }
@@ -2761,7 +2868,7 @@ class FConnectionPath extends FConnectionPathBase {
         this.hostElement.setAttribute('marker-end', `url(#${getMarkerEndId(this._connection.fId())})`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionPath, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FConnectionPath, selector: "path[f-connection-path]", host: { properties: { "attr.id": "attrConnectionId", "attr.data-f-path-id": "fPathId", "attr.stroke": "linkToGradient" }, classAttribute: "f-component f-connection-path" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: FConnectionPath, selector: "path[f-connection-path]", inputs: { useGradient: { classPropertyName: "useGradient", publicName: "useGradient", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "attrConnectionId", "attr.data-f-path-id": "fPathId", "style.stroke": "linkToGradient()" }, classAttribute: "f-component f-connection-path" }, providers: [
             {
                 provide: F_CONNECTION_PATH,
                 useExisting: FConnectionPath,
@@ -2774,7 +2881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         class: 'f-component f-connection-path',
                         '[attr.id]': 'attrConnectionId',
                         '[attr.data-f-path-id]': 'fPathId',
-                        '[attr.stroke]': 'linkToGradient',
+                        '[style.stroke]': 'linkToGradient()',
                     }, providers: [
                         {
                             provide: F_CONNECTION_PATH,
@@ -2958,8 +3065,6 @@ const MIXIN_BASE$1 = mixinChangeSelection(mixinChangeVisibility(class {
 }));
 class FConnectionBase extends MIXIN_BASE$1 {
     _fConnectionBuilder = inject(ConnectionLineBuilder);
-    fStartColor = input('black');
-    fEndColor = input('black');
     path = '';
     line = LineExtensions.initialize();
     fReassignableStart = signal(false);
@@ -2967,13 +3072,14 @@ class FConnectionBase extends MIXIN_BASE$1 {
     fSelectionDisabled = signal(false);
     fDefs = viewChild.required('defs');
     fPath = viewChild.required(F_CONNECTION_PATH);
-    fGradient = viewChild.required(F_CONNECTION_GRADIENT);
     fDragHandleStart = viewChild(F_CONNECTION_DRAG_HANDLE_START);
     fDragHandleEnd = viewChild.required(F_CONNECTION_DRAG_HANDLE_END);
     fSelection = viewChild.required(F_CONNECTION_SELECTION);
     fContents = contentChildren(F_CONNECTION_CONTENT, {
         descendants: true,
     });
+    fGradient = contentChild(F_CONNECTION_GRADIENT);
+    _fGradientRenderer = viewChild(FConnectionGradientRenderer);
     fWaypoints = contentChild(F_CONNECTION_WAYPOINTS);
     fInputSide = signal(EFConnectionConnectableSide.DEFAULT);
     _sourceSide = EFConnectableSide.AUTO;
@@ -2986,7 +3092,6 @@ class FConnectionBase extends MIXIN_BASE$1 {
     }
     initialize() {
         this.fPath().initialize();
-        this.fGradient().initialize();
         this.redraw();
     }
     isContains(element) {
@@ -3029,9 +3134,15 @@ class FConnectionBase extends MIXIN_BASE$1 {
     redraw() {
         this.fPath().setPath(this.path);
         this.fSelection().setPath(this.path);
-        this.fGradient().redraw(this.line);
         this.fDragHandleEnd().redraw(this._penultimatePoint, this.line.point2);
         this.fDragHandleStart()?.redraw(this._secondPoint, this.line.point1);
+        this._fGradientRenderer()?.redraw(this.line);
+    }
+    getResolvedSides() {
+        return {
+            sourceSide: this._sourceSide,
+            targetSide: this._targetSide,
+        };
     }
     /**
      * Applies the resolved sides to the connection. Don't call this method directly; it's used internally.
@@ -3044,14 +3155,250 @@ class FConnectionBase extends MIXIN_BASE$1 {
         this._targetSide = targetSide;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.13", type: FConnectionBase, inputs: { fStartColor: { classPropertyName: "fStartColor", publicName: "fStartColor", isSignal: true, isRequired: false, transformFunction: null }, fEndColor: { classPropertyName: "fEndColor", publicName: "fEndColor", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "fContents", predicate: F_CONNECTION_CONTENT, descendants: true, isSignal: true }, { propertyName: "fWaypoints", first: true, predicate: F_CONNECTION_WAYPOINTS, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, isSignal: true }, { propertyName: "fPath", first: true, predicate: F_CONNECTION_PATH, descendants: true, isSignal: true }, { propertyName: "fGradient", first: true, predicate: F_CONNECTION_GRADIENT, descendants: true, isSignal: true }, { propertyName: "fDragHandleStart", first: true, predicate: F_CONNECTION_DRAG_HANDLE_START, descendants: true, isSignal: true }, { propertyName: "fDragHandleEnd", first: true, predicate: F_CONNECTION_DRAG_HANDLE_END, descendants: true, isSignal: true }, { propertyName: "fSelection", first: true, predicate: F_CONNECTION_SELECTION, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.13", type: FConnectionBase, queries: [{ propertyName: "fContents", predicate: F_CONNECTION_CONTENT, descendants: true, isSignal: true }, { propertyName: "fGradient", first: true, predicate: F_CONNECTION_GRADIENT, descendants: true, isSignal: true }, { propertyName: "fWaypoints", first: true, predicate: F_CONNECTION_WAYPOINTS, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, isSignal: true }, { propertyName: "fPath", first: true, predicate: F_CONNECTION_PATH, descendants: true, isSignal: true }, { propertyName: "fDragHandleStart", first: true, predicate: F_CONNECTION_DRAG_HANDLE_START, descendants: true, isSignal: true }, { propertyName: "fDragHandleEnd", first: true, predicate: F_CONNECTION_DRAG_HANDLE_END, descendants: true, isSignal: true }, { propertyName: "fSelection", first: true, predicate: F_CONNECTION_SELECTION, descendants: true, isSignal: true }, { propertyName: "_fGradientRenderer", first: true, predicate: FConnectionGradientRenderer, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
+const F_CONNECTION_WORKER_SOURCE = String.raw `
+const EPSILON = 0.5;
+
+addEventListener('message', (event) => {
+  const data = event?.data;
+  const requestId = data?.requestId;
+  const items = Array.isArray(data?.items) ? data.items : [];
+
+  try {
+    const results = items.map((item) => calculateItem(item));
+    postMessage({ requestId, results });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Connection worker failed.';
+    postMessage({ requestId, error: message });
+  }
+});
+
+function calculateItem(item) {
+  const sourceCenterX = item.sourceRect.x + item.sourceRect.width / 2;
+  const sourceCenterY = item.sourceRect.y + item.sourceRect.height / 2;
+  const targetCenterX = item.targetRect.x + item.targetRect.width / 2;
+  const targetCenterY = item.targetRect.y + item.targetRect.height / 2;
+
+  const sourceSide = resolveConnectableSide(
+    item.outputSide,
+    targetCenterX - sourceCenterX,
+    targetCenterY - sourceCenterY,
+    item.sourceConnectableSide,
+  );
+
+  const targetSide = resolveConnectableSide(
+    item.inputSide,
+    sourceCenterX - targetCenterX,
+    sourceCenterY - targetCenterY,
+    item.targetConnectableSide,
+  );
+
+  if (item.behavior === 'fixed_center') {
+    return {
+      originalIndex: item.originalIndex,
+      supported: true,
+      sourceSide,
+      targetSide,
+      line: {
+        point1: { x: sourceCenterX, y: sourceCenterY },
+        point2: { x: targetCenterX, y: targetCenterY },
+      },
+    };
+  }
+
+  if (item.behavior !== 'fixed') {
+    if (item.behavior !== 'floating') {
+      return { originalIndex: item.originalIndex, supported: false };
+    }
+
+    return {
+      originalIndex: item.originalIndex,
+      supported: true,
+      sourceSide,
+      targetSide,
+      line: buildFloatingLine(item.sourceRect, item.targetRect),
+    };
+  }
+
+  const line = buildFixedLine(item.sourceRect, item.targetRect, sourceSide, targetSide);
+  if (!line) {
+    return { originalIndex: item.originalIndex, supported: false };
+  }
+
+  return {
+    originalIndex: item.originalIndex,
+    supported: true,
+    sourceSide,
+    targetSide,
+    line,
+  };
+}
+
+function resolveConnectableSide(requestedSide, deltaX, deltaY, fallbackSide) {
+  if (requestedSide === 'default') {
+    return fallbackSide;
+  }
+
+  const absX = Math.abs(deltaX);
+  const absY = Math.abs(deltaY);
+  const nearZero = absX < EPSILON && absY < EPSILON;
+
+  if (nearZero) {
+    return fallbackSide;
+  }
+
+  const horizontalDominant = absX >= absY;
+
+  switch (requestedSide) {
+    case 'calculate':
+      return horizontalDominant ? (deltaX >= 0 ? 'right' : 'left') : deltaY >= 0 ? 'bottom' : 'top';
+
+    case 'calculate_horizontal':
+      if (absX < EPSILON) {
+        return fallbackSide;
+      }
+
+      return deltaX >= 0 ? 'right' : 'left';
+
+    case 'calculate_vertical':
+      if (absY < EPSILON) {
+        return fallbackSide;
+      }
+
+      return deltaY >= 0 ? 'bottom' : 'top';
+
+    case 'top':
+    case 'bottom':
+    case 'left':
+    case 'right':
+      return requestedSide;
+
+    default:
+      return fallbackSide;
+  }
+}
+
+function buildFixedLine(sourceRect, targetRect, sourceSide, targetSide) {
+  const sourceAnchor = sourceSide === 'auto' ? 'bottom' : sourceSide;
+  const targetAnchor = targetSide === 'auto' ? 'top' : targetSide;
+
+  const point1 = getSidePoint(sourceRect, sourceAnchor);
+  const point2 = getSidePoint(targetRect, targetAnchor);
+
+  if (!point1 || !point2) {
+    return null;
+  }
+
+  return { point1, point2 };
+}
+
+function buildFloatingLine(sourceRect, targetRect) {
+  const sourceCenter = getRectCenter(sourceRect);
+  const targetCenter = getRectCenter(targetRect);
+
+  return {
+    point1: getRectBorderIntersection(sourceRect, sourceCenter, targetCenter),
+    point2: getRectBorderIntersection(targetRect, targetCenter, sourceCenter),
+  };
+}
+
+function getRectCenter(rect) {
+  return {
+    x: rect.x + rect.width / 2,
+    y: rect.y + rect.height / 2,
+  };
+}
+
+function getRectBorderIntersection(rect, from, to) {
+  const halfWidth = rect.width / 2;
+  const halfHeight = rect.height / 2;
+  const center = getRectCenter(rect);
+
+  const dx = to.x - from.x;
+  const dy = to.y - from.y;
+
+  if (Math.abs(dx) < EPSILON && Math.abs(dy) < EPSILON) {
+    return center;
+  }
+
+  const scaleX = Math.abs(dx) < EPSILON ? Number.POSITIVE_INFINITY : halfWidth / Math.abs(dx);
+  const scaleY = Math.abs(dy) < EPSILON ? Number.POSITIVE_INFINITY : halfHeight / Math.abs(dy);
+  const scale = Math.min(scaleX, scaleY);
+
+  return {
+    x: center.x + dx * scale,
+    y: center.y + dy * scale,
+  };
+}
+
+function getSidePoint(rect, side) {
+  const centerX = rect.x + rect.width / 2;
+  const centerY = rect.y + rect.height / 2;
+
+  switch (side) {
+    case 'top':
+      return { x: centerX, y: rect.y };
+
+    case 'right':
+      return { x: rect.x + rect.width, y: centerY };
+
+    case 'bottom':
+      return { x: centerX, y: rect.y + rect.height };
+
+    case 'left':
+      return { x: rect.x, y: centerY };
+
+    default:
+      return null;
+  }
+}
+`.trim();
+function isConnectionWorkerRuntimeSupported(windowRef) {
+    return !!resolveConnectionWorkerRuntime(windowRef);
+}
+function resolveConnectionWorkerRuntime(windowRef) {
+    const runtimeWindow = windowRef;
+    const blobCtor = runtimeWindow?.Blob;
+    const workerCtor = runtimeWindow?.Worker;
+    const urlApi = runtimeWindow?.URL;
+    if (!blobCtor || !workerCtor) {
+        return null;
+    }
+    if (typeof urlApi?.createObjectURL !== 'function' ||
+        typeof urlApi.revokeObjectURL !== 'function') {
+        return null;
+    }
+    return {
+        blobCtor,
+        workerCtor,
+        urlApi,
+    };
+}
+function createConnectionWorkerUrl(runtime) {
+    const blob = new runtime.blobCtor([F_CONNECTION_WORKER_SOURCE], {
+        type: 'text/javascript',
+    });
+    return runtime.urlApi.createObjectURL(blob);
+}
+function revokeConnectionWorkerUrl(workerUrl, urlApi) {
+    if (!workerUrl) {
+        return;
+    }
+    const resolvedUrlApi = urlApi ?? (typeof URL === 'undefined' ? null : URL);
+    if (typeof resolvedUrlApi?.revokeObjectURL !== 'function') {
+        return;
+    }
+    resolvedUrlApi.revokeObjectURL(workerUrl);
+}
+
 class FConnectionWorker {
     worker = null;
+    workerUrl = null;
     nextRequestId = 0;
     isDisabled = false;
     pending = new Map();
@@ -3060,6 +3407,8 @@ class FConnectionWorker {
         this.pending.clear();
         this.worker?.terminate();
         this.worker = null;
+        revokeConnectionWorkerUrl(this.workerUrl);
+        this.workerUrl = null;
     }
     dispose() {
         this.resetRuntime(new Error('Connection worker was destroyed.'));
@@ -3167,12 +3516,16 @@ let EnsureConnectionWorker = class EnsureConnectionWorker {
             return this._state.worker;
         }
         const windowRef = this._browser.document.defaultView;
-        if (!windowRef?.Worker) {
+        if (!isConnectionWorkerRuntimeSupported(windowRef)) {
+            return null;
+        }
+        const runtime = resolveConnectionWorkerRuntime(windowRef);
+        if (!runtime) {
             return null;
         }
+        const workerUrl = createConnectionWorkerUrl(runtime);
         try {
-            const worker = new windowRef.Worker(new URL('../../worker/f-connection.worker.ts', import.meta.url), {
-                type: 'module',
+            const worker = new runtime.workerCtor(workerUrl, {
                 name: 'f-flow-connection-worker',
             });
             worker.onmessage = (event) => {
@@ -3184,10 +3537,12 @@ let EnsureConnectionWorker = class EnsureConnectionWorker {
             worker.onmessageerror = () => {
                 this._resetWorkerAfterRuntimeError(new Error('Connection worker message deserialization error.'));
             };
+            this._state.workerUrl = workerUrl;
             this._state.worker = worker;
             return worker;
         }
         catch (error) {
+            revokeConnectionWorkerUrl(workerUrl, runtime.urlApi);
             this._disableWorker(error instanceof Error ? error : new Error('Connection worker initialization failed.'));
             return null;
         }
@@ -3223,7 +3578,7 @@ let IsConnectionWorkerEnabled = class IsConnectionWorkerEnabled {
             return false;
         }
         const windowRef = this._browser.document.defaultView;
-        return !!windowRef?.Worker;
+        return isConnectionWorkerRuntimeSupported(windowRef);
     }
     _isWorkerAvailable() {
         return this._browser.isBrowser();
@@ -3540,6 +3895,7 @@ let RedrawConnections = class RedrawConnections {
     _browser = inject(BrowserService);
     _renderTicket = 0;
     _connectedInPreviousRender = new Set();
+    _connectionRenderCache = new WeakMap();
     handle(_request) {
         const renderTicket = ++this._renderTicket;
         const nodesRevision = this._store.nodesRevision;
@@ -3582,7 +3938,10 @@ let RedrawConnections = class RedrawConnections {
         target.setConnected(source);
         this._connectedInPreviousRender.add(source);
         this._connectedInPreviousRender.add(target);
-        this._createMarkers(connection);
+        const markersChanged = this._createMarkers(connection);
+        if (!markersChanged && !this._shouldRedrawConnection(connection, line)) {
+            return;
+        }
         connection.setLine(line);
         connection.initialize();
         connection.isSelected() ? connection.markAsSelected() : null;
@@ -3597,7 +3956,17 @@ let RedrawConnections = class RedrawConnections {
         return this._mediator.execute(new ResolveConnectionWorkerContextRequest(connection, cache));
     }
     _createMarkers(connection) {
-        this._mediator.execute(new CreateConnectionMarkersRequest(connection));
+        return this._mediator.execute(new CreateConnectionMarkersRequest(connection));
+    }
+    _shouldRedrawConnection(connection, line) {
+        const pathElement = connection.fPath().hostElement;
+        const signature = createConnectionRenderSignature(connection, line);
+        const cached = this._connectionRenderCache.get(connection);
+        if (cached?.signature === signature && cached.pathElement === pathElement) {
+            return false;
+        }
+        this._connectionRenderCache.set(connection, { signature, pathElement });
+        return true;
     }
     _setupConnectionsUsingWorker(connections, connectorRectCache, renderTicket, nodesRevision) {
         this._mediator
@@ -3736,6 +4105,35 @@ RedrawConnections = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedrawConnections, decorators: [{
             type: Injectable
         }] });
+function createConnectionRenderSignature(connection, line) {
+    const { sourceSide, targetSide } = connection.getResolvedSides();
+    return [
+        connection.fBehavior,
+        connection.fType,
+        connection.fRadius,
+        connection.fOffset,
+        connection.fReassignableStart(),
+        serializeContents(connection.fContents() || []),
+        sourceSide,
+        targetSide,
+        serializePoint(line.point1),
+        serializePoint(line.point2),
+        serializeWaypoints(connection.fWaypoints()?.waypoints() || []),
+    ].join('|');
+}
+function serializePoint(point) {
+    return `${point.x}:${point.y}`;
+}
+function serializeWaypoints(waypoints) {
+    return waypoints.map(serializePoint).join(';');
+}
+function serializeContents(contents) {
+    return contents
+        .map((content) => {
+        return [content.position(), content.offset(), content.align()].join(':');
+    })
+        .join(';');
+}
 
 class RemoveConnectionForCreateFromStoreRequest {
     static fToken = Symbol('RemoveConnectionForCreateFromStoreRequest');
@@ -15612,7 +16010,7 @@ class FConnectionComponent extends FConnectionBase {
         this._mediator.execute(new RemoveConnectionFromStoreRequest(this));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FConnectionComponent, selector: "f-connection", inputs: { fId: { classPropertyName: "fId", publicName: "fConnectionId", isSignal: true, isRequired: false, transformFunction: null }, fOutputId: { classPropertyName: "fOutputId", publicName: "fOutputId", isSignal: true, isRequired: false, transformFunction: null }, fInputId: { classPropertyName: "fInputId", publicName: "fInputId", isSignal: true, isRequired: false, transformFunction: null }, fRadius: { classPropertyName: "fRadius", publicName: "fRadius", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fOffset: { classPropertyName: "fOffset", publicName: "fOffset", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fBehavior: { classPropertyName: "fBehavior", publicName: "fBehavior", isSignal: false, isRequired: false, transformFunction: (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior) }, fType: { classPropertyName: "fType", publicName: "fType", isSignal: false, isRequired: false, transformFunction: null }, fSelectionDisabled: { classPropertyName: "fSelectionDisabled", publicName: "fSelectionDisabled", isSignal: true, isRequired: false, transformFunction: null }, fReassignableStart: { classPropertyName: "fReassignableStart", publicName: "fReassignableStart", isSignal: true, isRequired: false, transformFunction: null }, fDraggingDisabled: { classPropertyName: "fDraggingDisabled", publicName: "fReassignDisabled", isSignal: true, isRequired: false, transformFunction: null }, fInputSide: { classPropertyName: "fInputSide", publicName: "fInputSide", isSignal: true, isRequired: false, transformFunction: null }, fOutputSide: { classPropertyName: "fOutputSide", publicName: "fOutputSide", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "fId()", "class.f-connection-selection-disabled": "fSelectionDisabled()", "class.f-connection-reassign-disabled": "fDraggingDisabled()" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FConnectionComponent }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content />\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      @if (fReassignableStart()) {\n        <circle f-connection-drag-handle-start r=\"8\"></circle>\n      }\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-waypoints\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none}:host svg{display:block;vertical-align:middle;overflow:visible!important;position:absolute}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionDragHandleStart, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEnd, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradient, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPath, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelection, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FConnectionComponent, selector: "f-connection", inputs: { fId: { classPropertyName: "fId", publicName: "fConnectionId", isSignal: true, isRequired: false, transformFunction: null }, fOutputId: { classPropertyName: "fOutputId", publicName: "fOutputId", isSignal: true, isRequired: false, transformFunction: null }, fInputId: { classPropertyName: "fInputId", publicName: "fInputId", isSignal: true, isRequired: false, transformFunction: null }, fRadius: { classPropertyName: "fRadius", publicName: "fRadius", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fOffset: { classPropertyName: "fOffset", publicName: "fOffset", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fBehavior: { classPropertyName: "fBehavior", publicName: "fBehavior", isSignal: false, isRequired: false, transformFunction: (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior) }, fType: { classPropertyName: "fType", publicName: "fType", isSignal: false, isRequired: false, transformFunction: null }, fSelectionDisabled: { classPropertyName: "fSelectionDisabled", publicName: "fSelectionDisabled", isSignal: true, isRequired: false, transformFunction: null }, fReassignableStart: { classPropertyName: "fReassignableStart", publicName: "fReassignableStart", isSignal: true, isRequired: false, transformFunction: null }, fDraggingDisabled: { classPropertyName: "fDraggingDisabled", publicName: "fReassignDisabled", isSignal: true, isRequired: false, transformFunction: null }, fInputSide: { classPropertyName: "fInputSide", publicName: "fInputSide", isSignal: true, isRequired: false, transformFunction: null }, fOutputSide: { classPropertyName: "fOutputSide", publicName: "fOutputSide", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "fId()", "class.f-connection-selection-disabled": "fSelectionDisabled()", "class.f-connection-reassign-disabled": "fDraggingDisabled()" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FConnectionComponent }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content select=\"svg[fMarker]\" />\n  <g class=\"f-connection-group\">\n    @if (fGradient(); as gradient) {\n      <linearGradient\n        fConnectionGradientRenderer\n        [fConnectionGradientRendererFor]=\"gradient\"\n      ></linearGradient>\n    }\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [useGradient]=\"!!fGradient()\" [attr.d]=\"path\"></path>\n      @if (fReassignableStart()) {\n        <circle f-connection-drag-handle-start r=\"8\"></circle>\n      }\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-gradient\" />\n<ng-content select=\"f-connection-waypoints\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none}:host svg{display:block;vertical-align:middle;overflow:visible!important;position:absolute}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionGradientRenderer, selector: "linearGradient[fConnectionGradientRenderer]", inputs: ["fConnectionGradientRendererFor"] }, { kind: "component", type: FConnectionDragHandleStart, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEnd, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionPath, selector: "path[f-connection-path]", inputs: ["useGradient"] }, { kind: "component", type: FConnectionSelection, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionComponent, decorators: [{
             type: Component,
@@ -15621,7 +16019,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         class: 'f-component f-connection',
                         '[class.f-connection-selection-disabled]': 'fSelectionDisabled()',
                         '[class.f-connection-reassign-disabled]': 'fDraggingDisabled()',
-                    }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FConnectionComponent }], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content />\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      @if (fReassignableStart()) {\n        <circle f-connection-drag-handle-start r=\"8\"></circle>\n      }\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-waypoints\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none}:host svg{display:block;vertical-align:middle;overflow:visible!important;position:absolute}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"] }]
+                    }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FConnectionComponent }], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content select=\"svg[fMarker]\" />\n  <g class=\"f-connection-group\">\n    @if (fGradient(); as gradient) {\n      <linearGradient\n        fConnectionGradientRenderer\n        [fConnectionGradientRendererFor]=\"gradient\"\n      ></linearGradient>\n    }\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [useGradient]=\"!!fGradient()\" [attr.d]=\"path\"></path>\n      @if (fReassignableStart()) {\n        <circle f-connection-drag-handle-start r=\"8\"></circle>\n      }\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-gradient\" />\n<ng-content select=\"f-connection-waypoints\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none}:host svg{display:block;vertical-align:middle;overflow:visible!important;position:absolute}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"] }]
         }], propDecorators: { fRadius: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -15673,7 +16071,7 @@ class FConnectionForCreateComponent extends FConnectionBase {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionForCreateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FConnectionForCreateComponent, selector: "f-connection-for-create", inputs: { fRadius: { classPropertyName: "fRadius", publicName: "fRadius", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fOffset: { classPropertyName: "fOffset", publicName: "fOffset", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fBehavior: { classPropertyName: "fBehavior", publicName: "fBehavior", isSignal: false, isRequired: false, transformFunction: (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior) }, fType: { classPropertyName: "fType", publicName: "fType", isSignal: false, isRequired: false, transformFunction: null }, fInputSide: { classPropertyName: "fInputSide", publicName: "fInputSide", isSignal: true, isRequired: false, transformFunction: null }, fOutputSide: { classPropertyName: "fOutputSide", publicName: "fOutputSide", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "f-component f-connection f-connection-for-create" }, providers: [
             { provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FConnectionForCreateComponent },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content />\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-start r=\"8\"></circle>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\"></ng-content>\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionDragHandleStart, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEnd, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradient, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPath, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelection, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content select=\"svg[fMarker]\" />\n  <g class=\"f-connection-group\">\n    @if (fGradient(); as gradient) {\n      <linearGradient\n        fConnectionGradientRenderer\n        [fConnectionGradientRendererFor]=\"gradient\"\n      ></linearGradient>\n    }\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [useGradient]=\"!!fGradient()\" [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-gradient\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionGradientRenderer, selector: "linearGradient[fConnectionGradientRenderer]", inputs: ["fConnectionGradientRendererFor"] }, { kind: "component", type: FConnectionDragHandleEnd, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionPath, selector: "path[f-connection-path]", inputs: ["useGradient"] }, { kind: "component", type: FConnectionSelection, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionForCreateComponent, decorators: [{
             type: Component,
@@ -15681,7 +16079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         class: 'f-component f-connection f-connection-for-create',
                     }, providers: [
                         { provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FConnectionForCreateComponent },
-                    ], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content />\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-start r=\"8\"></circle>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\"></ng-content>\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"] }]
+                    ], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content select=\"svg[fMarker]\" />\n  <g class=\"f-connection-group\">\n    @if (fGradient(); as gradient) {\n      <linearGradient\n        fConnectionGradientRenderer\n        [fConnectionGradientRendererFor]=\"gradient\"\n      ></linearGradient>\n    }\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [useGradient]=\"!!fGradient()\" [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-gradient\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"] }]
         }], propDecorators: { fRadius: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -15732,13 +16130,13 @@ class FSnapConnectionComponent extends FConnectionBase {
         this._mediator.execute(new RemoveSnapConnectionFromStoreRequest());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSnapConnectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FSnapConnectionComponent, selector: "f-snap-connection", inputs: { fSnapThreshold: { classPropertyName: "fSnapThreshold", publicName: "fSnapThreshold", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fRadius: { classPropertyName: "fRadius", publicName: "fRadius", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fOffset: { classPropertyName: "fOffset", publicName: "fOffset", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fBehavior: { classPropertyName: "fBehavior", publicName: "fBehavior", isSignal: false, isRequired: false, transformFunction: (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior) }, fType: { classPropertyName: "fType", publicName: "fType", isSignal: false, isRequired: false, transformFunction: null }, fInputSide: { classPropertyName: "fInputSide", publicName: "fInputSide", isSignal: true, isRequired: false, transformFunction: null }, fOutputSide: { classPropertyName: "fOutputSide", publicName: "fOutputSide", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "f-component f-connection f-snap-connection" }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FSnapConnectionComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content />\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-start r=\"8\"></circle>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\"></ng-content>\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionDragHandleStart, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEnd, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradient, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPath, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelection, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FSnapConnectionComponent, selector: "f-snap-connection", inputs: { fSnapThreshold: { classPropertyName: "fSnapThreshold", publicName: "fSnapThreshold", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fRadius: { classPropertyName: "fRadius", publicName: "fRadius", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fOffset: { classPropertyName: "fOffset", publicName: "fOffset", isSignal: false, isRequired: false, transformFunction: numberAttribute }, fBehavior: { classPropertyName: "fBehavior", publicName: "fBehavior", isSignal: false, isRequired: false, transformFunction: (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior) }, fType: { classPropertyName: "fType", publicName: "fType", isSignal: false, isRequired: false, transformFunction: null }, fInputSide: { classPropertyName: "fInputSide", publicName: "fInputSide", isSignal: true, isRequired: false, transformFunction: null }, fOutputSide: { classPropertyName: "fOutputSide", publicName: "fOutputSide", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "f-component f-connection f-snap-connection" }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FSnapConnectionComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content select=\"svg[fMarker]\" />\n  <g class=\"f-connection-group\">\n    @if (fGradient(); as gradient) {\n      <linearGradient\n        fConnectionGradientRenderer\n        [fConnectionGradientRendererFor]=\"gradient\"\n      ></linearGradient>\n    }\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [useGradient]=\"!!fGradient()\" [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-gradient\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionGradientRenderer, selector: "linearGradient[fConnectionGradientRenderer]", inputs: ["fConnectionGradientRendererFor"] }, { kind: "component", type: FConnectionDragHandleEnd, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionPath, selector: "path[f-connection-path]", inputs: ["useGradient"] }, { kind: "component", type: FConnectionSelection, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 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',
-                    }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FSnapConnectionComponent }], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content />\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-start r=\"8\"></circle>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\"></ng-content>\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"] }]
+                    }, providers: [{ provide: F_CONNECTION_COMPONENTS_PARENT, useExisting: FSnapConnectionComponent }], template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <ng-content select=\"svg[fMarker]\" />\n  <g class=\"f-connection-group\">\n    @if (fGradient(); as gradient) {\n      <linearGradient\n        fConnectionGradientRenderer\n        [fConnectionGradientRendererFor]=\"gradient\"\n      ></linearGradient>\n    }\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [useGradient]=\"!!fGradient()\" [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle-end r=\"8\"></circle>\n    </g>\n  </g>\n</svg>\n<ng-content select=\"f-connection-gradient\" />\n\n@if (fContents().length) {\n  <ng-content select=\"[fConnectionContent]\" />\n}\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-content{pointer-events:all}\n"] }]
         }], propDecorators: { fSnapThreshold: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -15758,7 +16156,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const F_CONNECTION_PROVIDERS = [
     FConnectionDragHandleStart,
     FConnectionDragHandleEnd,
-    FConnectionGradient,
     FConnectionPath,
     FConnectionSelection,
     FConnectionMarker,
@@ -15766,7 +16163,12 @@ const F_CONNECTION_PROVIDERS = [
     FConnectionForCreateComponent,
     FSnapConnectionComponent,
 ];
-const F_CONNECTION_IMPORTS_EXPORTS = [FConnectionContent, FConnectionWaypoints];
+const F_CONNECTION_IMPORTS_EXPORTS = [
+    FConnectionContent,
+    FConnectionGradient,
+    FConnectionGradientRenderer,
+    FConnectionWaypoints,
+];
 
 const F_MAGNETIC_LINES = new InjectionToken('F_MAGNETIC_LINES');
 class FMagneticLinesBase {
@@ -16053,6 +16455,7 @@ class FFlowComponent extends FFlowBase {
     _destroyRef = inject(DestroyRef);
     _mediator = inject(FMediator);
     _browser = inject(BrowserService);
+    _componentsStore = inject(FComponentsStore);
     _cache = inject(F_CACHE_OPTIONS);
     _injector = inject(Injector);
     _worker = inject(FConnectionWorker);
@@ -16078,13 +16481,15 @@ class FFlowComponent extends FFlowBase {
         }, { injector: this._injector });
     }
     _listenNodesChanges() {
-        this._mediator
-            .execute(new ListenNodesChangesRequest())
+        new FChannelHub(this._componentsStore.nodesChanges$, this._componentsStore.progressiveRenderChanges$)
             .pipe(notifyOnStart(), debounceTime(SORT_ITEM_LAYERS_DEBOUNCE_MS), afterNextPaint())
             .listen(this._destroyRef, () => {
             if (this._mediator.execute(new IsDragStartedRequest())) {
                 return;
             }
+            if (this._componentsStore.hasPendingProgressiveRender) {
+                return;
+            }
             this._mediator.execute(new SortItemLayersRequest());
             this._mediator.execute(new EmitConnectionsChangesRequest());
             this._emitLoaded();
@@ -16201,20 +16606,32 @@ class FVirtualFor {
     _vc = inject(ViewContainerRef);
     _tpl = inject(TemplateRef);
     _zone = inject(NgZone);
+    _componentsStore = inject(FComponentsStore, { optional: true });
     _views = [];
+    _rafId = null;
+    _isProgressiveRenderActive = false;
     ngOnChanges(changes) {
         if (changes['fVirtualForOf']) {
             this._reset();
             this._renderProgressively();
         }
     }
+    ngOnDestroy() {
+        this._reset();
+    }
     _reset() {
+        if (this._rafId !== null) {
+            cancelAnimationFrame(this._rafId);
+            this._rafId = null;
+        }
+        this._finishProgressiveRender();
         this._vc.clear();
         this._views.length = 0;
     }
     _renderProgressively() {
         const FRAME_BUDGET = 10; // ms
         let index = 0;
+        this._startProgressiveRender();
         this._zone.runOutsideAngular(() => {
             const pump = () => {
                 const start = performance.now();
@@ -16228,12 +16645,29 @@ class FVirtualFor {
                     index++;
                 }
                 if (index < this.fVirtualForOf.length) {
-                    requestAnimationFrame(pump);
+                    this._rafId = requestAnimationFrame(pump);
+                    return;
                 }
+                this._rafId = null;
+                this._finishProgressiveRender();
             };
-            requestAnimationFrame(pump);
+            this._rafId = requestAnimationFrame(pump);
         });
     }
+    _startProgressiveRender() {
+        if (this._isProgressiveRenderActive) {
+            return;
+        }
+        this._isProgressiveRenderActive = true;
+        this._componentsStore?.beginProgressiveRender();
+    }
+    _finishProgressiveRender() {
+        if (!this._isProgressiveRenderActive) {
+            return;
+        }
+        this._isProgressiveRenderActive = false;
+        this._componentsStore?.endProgressiveRender();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FVirtualFor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FVirtualFor, isStandalone: true, selector: "[fVirtualFor][fVirtualForOf]", inputs: { fVirtualForOf: "fVirtualForOf", fVirtualForTrackBy: "fVirtualForTrackBy" }, usesOnChanges: true, ngImport: i0 });
 }
@@ -16922,8 +17356,8 @@ function createSpyObj(baseName, methodNames) {
 
 class FFlowModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FFlowModule, declarations: [FConnectionDragHandleStart, FConnectionDragHandleEnd, FConnectionGradient, FConnectionPath, FConnectionSelection, FConnectionMarker, FConnectionComponent, FConnectionForCreateComponent, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FLineAlignmentComponent, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FRotateHandleDirective, FDragBlockerDirective,
-            FDraggableDirective], imports: [FFlowComponent, FCanvasComponent, FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FZoomDirective, FExternalItem, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FSelectionArea, FMagneticLines, FMagneticRects, FConnectionContent, FConnectionWaypoints, FVirtualFor, CommonModule], exports: [FFlowComponent, FCanvasComponent, FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FZoomDirective, FExternalItem, FSelectionArea, FMagneticLines, FMagneticRects, FConnectionContent, FConnectionWaypoints, FConnectionDragHandleStart, FConnectionDragHandleEnd, FConnectionGradient, FConnectionPath, FConnectionSelection, FConnectionMarker, FConnectionComponent, FConnectionForCreateComponent, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FRotateHandleDirective, FVirtualFor, FDragBlockerDirective,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FFlowModule, declarations: [FConnectionDragHandleStart, FConnectionDragHandleEnd, FConnectionPath, FConnectionSelection, FConnectionMarker, FConnectionComponent, FConnectionForCreateComponent, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FLineAlignmentComponent, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FRotateHandleDirective, FDragBlockerDirective,
+            FDraggableDirective], imports: [FFlowComponent, FCanvasComponent, FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FZoomDirective, FExternalItem, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FSelectionArea, FMagneticLines, FMagneticRects, FConnectionContent, FConnectionGradient, FConnectionGradientRenderer, FConnectionWaypoints, FVirtualFor, CommonModule], exports: [FFlowComponent, FCanvasComponent, FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FZoomDirective, FExternalItem, FSelectionArea, FMagneticLines, FMagneticRects, FConnectionContent, FConnectionGradient, FConnectionGradientRenderer, FConnectionWaypoints, FConnectionDragHandleStart, FConnectionDragHandleEnd, FConnectionPath, FConnectionSelection, FConnectionMarker, FConnectionComponent, FConnectionForCreateComponent, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FRotateHandleDirective, FVirtualFor, FDragBlockerDirective,
             FDraggableDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FFlowModule, imports: [CommonModule] });
 }
@@ -16978,5 +17412,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddCanvasToStore, AddCanvasToStoreRequest, AddConnectionForCreateToStore, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStore, AddConnectionMarkerToStoreRequest, AddConnectionToStore, AddConnectionToStoreRequest, AddConnectorToStore, AddConnectorToStoreRequest, AddDndToStore, AddDndToStoreRequest, AddFlowToStore, AddFlowToStoreRequest, AddNodeToStore, AddNodeToStoreRequest, AddPatternToBackground, AddPatternToBackgroundRequest, AddSnapConnectionToStore, AddSnapConnectionToStoreRequest, ApplyChildResizeConstraints, ApplyChildResizeConstraintsRequest, ApplyParentResizeConstraints, ApplyParentResizeConstraintsRequest, AttachDragNodeHandlerFromSelection, AttachDragNodeHandlerFromSelectionRequest, AttachResizeConnectionDragHandlersToNode, AttachResizeConnectionDragHandlersToNodeRequest, AttachSoftParentConnectionDragHandlersToNode, AttachSoftParentConnectionDragHandlersToNodeRequest, AttachSourceConnectionDragHandlersToNode, AttachSourceConnectionDragHandlersToNodeRequest, AttachTargetConnectionDragHandlersToNode, AttachTargetConnectionDragHandlersToNodeRequest, BuildDragNodeConstraints, BuildDragNodeConstraintsRequest, CALCULATABLE_SIDES, COMMON_PROVIDERS, CONNECTABLE_SIDE_EPSILON, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateAdaptiveCurveData, CalculateBezierCurveData, CalculateChangedRectFromDifference, CalculateChangedRectFromDifferenceRequest, CalculateClosestConnector, CalculateClosestConnectorRequest, CalculateConnectableSideByConnectedPositions, CalculateConnectableSideByConnectedPositionsRequest, CalculateConnectableSideByInternalPosition, CalculateConnectableSideByInternalPositionRequest, CalculateConnectionWorkerConnectorRect, CalculateConnectionWorkerConnectorRectRequest, CalculateConnectionWorkerPayloadItem, CalculateConnectionWorkerPayloadItemRequest, CalculateConnectionsState, CalculateConnectionsStateRequest, CalculateConnectionsUsingConnectionWorker, CalculateConnectionsUsingConnectionWorkerRequest, CalculateConnectorsConnectableSides, CalculateConnectorsConnectableSidesRequest, CalculateDirectChildrenUnionRect, CalculateDirectChildrenUnionRectRequest, CalculateFlowPointFromMinimapPoint, CalculateFlowPointFromMinimapPointRequest, CalculateFlowState, CalculateFlowStateRequest, CalculateInputConnections, CalculateInputConnectionsRequest, CalculateNodesBoundingBox, CalculateNodesBoundingBoxNormalizedPosition, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CalculateNodesState, CalculateNodesStateRequest, CalculateOutputConnections, CalculateOutputConnectionsRequest, CalculateResizeLimits, CalculateResizeLimitsRequest, CalculateSegmentLineData, CalculateSelectableItems, CalculateSelectableItemsRequest, CalculateSourceConnectorsToConnect, CalculateSourceConnectorsToConnectRequest, CalculateStraightLineData, CalculateTargetConnectorsToConnect, CalculateTargetConnectorsToConnectRequest, CenterGroupOrNode, CenterGroupOrNodeRequest, ClearSelection, ClearSelectionRequest, ConnectionBehaviourBuilder, ConnectionBehaviourBuilderRequest, ConnectionContentLayoutEngine, ConnectionLineBuilder, ConnectionLineBuilderRequest, ConnectionWorkerRun, ConnectionWorkerRunRequest, CreateConnectionCreateDragHandler, CreateConnectionCreateDragHandlerRequest, CreateConnectionFinalize, CreateConnectionFinalizeRequest, CreateConnectionFromOutletPreparation, CreateConnectionFromOutletPreparationRequest, CreateConnectionFromOutputPreparation, CreateConnectionFromOutputPreparationRequest, CreateConnectionHandler, CreateConnectionMarkers, CreateConnectionMarkersRequest, CreateConnectionPreparation, CreateConnectionPreparationRequest, CreateDragNodeHandler, CreateDragNodeHandlerRequest, CreateDragNodeHierarchy, CreateDragNodeHierarchyRequest, DRAG_AND_DROP_COMMON_PROVIDERS, DRAG_CANVAS_PROVIDERS, DRAG_CONNECTIONS_PROVIDERS, DRAG_DROP_TO_GROUP_PROVIDERS, DRAG_EXTERNAL_ITEM_HANDLER_KIND, DRAG_EXTERNAL_ITEM_HANDLER_TYPE, DRAG_EXTERNAL_ITEM_PROVIDERS, DRAG_MINIMAP_HANDLER_KIND, DRAG_MINIMAP_HANDLER_TYPE, DRAG_MINIMAP_PROVIDERS, DRAG_NODE_HANDLER_KIND, DRAG_NODE_HANDLER_TYPE, DRAG_SELECTION_AREA_PROVIDERS, DRAG_SELECT_BY_POINTER_PROVIDERS, DeltaClamp, Deprecated, DetectConnectionsUnderDragNode, DetectConnectionsUnderDragNodeRequest, DisableConnectionWorker, DisableConnectionWorkerRequest, DragAndDropBase, DragCanvasFinalize, DragCanvasFinalizeRequest, DragCanvasHandler, DragCanvasPreparation, DragCanvasPreparationRequest, DragConnectionWaypointFinalize, DragConnectionWaypointFinalizeRequest, DragConnectionWaypointHandler, DragConnectionWaypointPreparation, DragConnectionWaypointPreparationRequest, DragExternalItemCreatePlaceholder, DragExternalItemCreatePlaceholderRequest, DragExternalItemCreatePreview, DragExternalItemCreatePreviewRequest, DragExternalItemFinalize, DragExternalItemFinalizeRequest, DragExternalItemHandler, DragExternalItemPreparation, DragExternalItemPreparationRequest, DragHandlerBase, DragHandlerInjector, DragMinimapFinalize, DragMinimapFinalizeRequest, DragMinimapHandler, DragMinimapPreparation, DragMinimapPreparationRequest, DragNodeConnectionBothSidesHandler, DragNodeConnectionHandlerBase, DragNodeConnectionSourceHandler, DragNodeConnectionTargetHandler, DragNodeDeltaConstraints, DragNodeFinalize, DragNodeFinalizeRequest, DragNodeHandler, DragNodeHierarchy, DragNodeItemHandler, DragNodePreparation, DragNodePreparationRequest, DropToGroupFinalize, DropToGroupFinalizeRequest, DropToGroupHandler, DropToGroupPreparation, DropToGroupPreparationRequest, EFConnectableSide, EFConnectionBehavior, EFConnectionConnectableSide, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitConnectionsChanges, EmitConnectionsChangesRequest, EmitEndDragSequenceEvent, EmitEndDragSequenceEventRequest, EmitSelectionChangeEvent, EmitSelectionChangeEventRequest, EmitStartDragSequenceEvent, EmitStartDragSequenceEventRequest, EnsureConnectionWorker, EnsureConnectionWorkerRequest, EventExtensions, ExternalRectConstraint, FBackgroundBase, FBackgroundComponent, FCache, FCacheConnector, FCacheConnectorKeyFactory, FCacheNode, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionComponent, FConnectionComponentsParent, FConnectionContent, FConnectionContentBase, FConnectionDragHandleBase, FConnectionDragHandleEnd, FConnectionDragHandleStart, FConnectionForCreateComponent, FConnectionGradient, FConnectionGradientBase, FConnectionMarker, FConnectionMarkerBase, FConnectionMarkerRegistry, FConnectionPath, FConnectionPathBase, FConnectionRegistry, FConnectionSelection, FConnectionSelectionBase, FConnectionWaypoints, FConnectionWaypointsBase, FConnectionWaypointsChangedEvent, FConnectionWorker, FConnectorBase, FConnectorRegistry, FCreateConnectionEvent, FCreateNodeEvent, FDragBlockerDirective, FDragExternalItemStartEventData, FDragHandleDirective, FDragHandlerResult, FDragNodeStartEventData, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItem, FExternalItemBase, FExternalItemPlaceholder, FExternalItemPreview, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FIdRegistryBase, FLineAlignmentComponent, FMagneticLines, FMagneticLinesBase, FMagneticRects, FMagneticRectsBase, FMinimapBase, FMinimapCanvasDirective, FMinimapComponent, FMinimapFlowDirective, FMinimapState, FMinimapViewDirective, FMoveNodesEvent, FNodeBase, FNodeConnectionsIntersectionEvent, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeRegistry, FReassignConnectionEvent, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FResizeNodeStartEventData, FRotateHandleDirective, FRotateNodeStartEventData, FSelectionArea, FSelectionAreaBase, FSelectionChangeEvent, FSingleRegistryBase, FSnapConnectionComponent, FSourceConnectorBase, FVirtualFor, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_CACHE_FEATURES, F_CACHE_OPTIONS, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_COMPONENTS_PARENT, F_CONNECTION_CONTENT, F_CONNECTION_DRAG_HANDLE_END, F_CONNECTION_DRAG_HANDLE_START, F_CONNECTION_FEATURES, F_CONNECTION_GRADIENT, F_CONNECTION_IMPORTS_EXPORTS, F_CONNECTION_MARKER, F_CONNECTION_PATH, F_CONNECTION_PROVIDERS, F_CONNECTION_SELECTION, F_CONNECTION_WAYPOINTS, F_CONNECTION_WORKER_FEATURES, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_CSS_CLASS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT_PROVIDERS, F_MAGNETIC_LINES, F_MAGNETIC_LINES_PROVIDERS, F_MAGNETIC_RECTS, F_MAGNETIC_RECTS_PROVIDERS, F_MINIMAP_BASE, F_MINIMAP_FEATURES, 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_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_VIRTUAL_FOR_PROVIDERS, F_ZOOM, F_ZOOM_FEATURES, F_ZOOM_PROVIDERS, FindConnectableConnectorUsingPriorityAndPosition, FindConnectableConnectorUsingPriorityAndPositionRequest, FitToChildNodesAndGroups, FitToChildNodesAndGroupsRequest, FitToFlow, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetCachedFCacheRect, GetCachedFCacheRectRequest, GetChildNodeIds, GetChildNodeIdsRequest, GetConnectorRectReference, GetConnectorRectReferenceRequest, GetCurrentSelection, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroups, GetDeepChildrenNodesAndGroupsRequest, GetFlow, GetFlowRequest, GetNodePadding, GetNodePaddingRequest, GetNormalizedConnectorRect, GetNormalizedConnectorRectRequest, GetNormalizedElementRect, GetNormalizedElementRectRequest, GetNormalizedParentNodeRect, GetNormalizedParentNodeRectRequest, GetNormalizedPoint, GetNormalizedPointRequest, GetParentNodes, GetParentNodesRequest, GridSnapper, HandleConnectionWorkerMessage, HandleConnectionWorkerMessageRequest, IMouseEvent, INSTANCES, IPointerEvent, IPointerUpEvent, ITouchDownEvent, ITouchMoveEvent, InitializeDragSequence, InitializeDragSequenceRequest, InputCanvasPosition, InputCanvasPositionRequest, InputCanvasScale, InputCanvasScaleRequest, InvalidateFCacheNode, InvalidateFCacheNodeRequest, IsArrayHasParentNode, IsArrayHasParentNodeRequest, IsConnectionWorkerEnabled, IsConnectionWorkerEnabledRequest, IsDragStarted, IsDragStartedRequest, ListenConnectionsChanges, ListenConnectionsChangesRequest, ListenNodesChanges, ListenNodesChangesRequest, ListenTransformChanges, ListenTransformChangesRequest, LogExecutionTime, MOUSE_EVENT_IGNORE_TIME, MagneticLineElement, MagneticLineRenderer, MagneticLinesHandler, MagneticLinesPreparation, MagneticLinesPreparationRequest, MagneticRectElement, MagneticRectsHandler, MagneticRectsPreparation, MagneticRectsPreparationRequest, MagneticRectsRenderer, MarkConnectableConnectors, MarkConnectableConnectorsRequest, MinimapCalculateViewRect, MinimapCalculateViewRectRequest, MinimapCalculateViewport, MinimapCalculateViewportRequest, MinimapDrawNodes, MinimapDrawNodesRequest, MoveFrontElementsBeforeTargetElement, MoveFrontElementsBeforeTargetElementRequest, NODE_PROVIDERS, NODE_RESIZE_PROVIDERS, NODE_ROTATE_PROVIDERS, NotifyTransformChanged, NotifyTransformChangedRequest, OnPointerMove, OnPointerMoveRequest, PINCH_TO_ZOOM_PROVIDERS, PinchToZoomFinalize, PinchToZoomFinalizeRequest, PinchToZoomHandler, PinchToZoomPreparation, PinchToZoomPreparationRequest, Polyline, PolylineContentAlign, PolylineContentPlace, PolylineSampler, PrepareDragSequence, PrepareDragSequenceRequest, PreventDefaultIsExternalItem, PreventDefaultIsExternalItemRequest, RESIZE_DIRECTIONS, RESIZE_NODE_HANDLER_KIND, RESIZE_NODE_HANDLER_TYPE, ROTATE_NODE_HANDLER_KIND, ROTATE_NODE_HANDLER_TYPE, ReadNodeBoundsWithPaddings, ReadNodeBoundsWithPaddingsRequest, ReadNodeBoundsWithPaddingsResponse, ReassignConnectionFinalize, ReassignConnectionFinalizeRequest, ReassignConnectionHandler, ReassignConnectionPreparation, ReassignConnectionPreparationRequest, ReassignConnectionSourceHandler, ReassignConnectionTargetHandler, RedrawCanvasWithAnimation, RedrawCanvasWithAnimationRequest, RedrawConnections, RedrawConnectionsRequest, RegisterFCacheConnector, RegisterFCacheConnectorRequest, RegisterFCacheNode, RegisterFCacheNodeRequest, RegisterPluginInstance, RegisterPluginInstanceRequest, RemoveCanvasFromStore, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStore, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStore, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStore, RemoveConnectionMarkerFromStoreRequest, RemoveConnectionWaypoint, RemoveConnectionWaypointRequest, RemoveConnectorFromStore, RemoveConnectorFromStoreRequest, RemoveDndFromStore, RemoveDndFromStoreRequest, RemoveFlowFromStore, RemoveFlowFromStoreRequest, RemoveNodeFromStore, RemoveNodeFromStoreRequest, RemovePluginInstance, RemovePluginInstanceRequest, RemoveSnapConnectionFromStore, RemoveSnapConnectionFromStoreRequest, ResetConnectionWorkerRuntime, ResetConnectionWorkerRuntimeRequest, ResetScale, ResetScaleAndCenter, ResetScaleAndCenterRequest, ResetScaleRequest, ResetZoom, ResetZoomRequest, ResizeNodeConnectionBothSidesHandler, ResizeNodeConnectionHandlerBase, ResizeNodeConnectionSourceHandler, ResizeNodeConnectionTargetHandler, ResizeNodeFinalize, ResizeNodeFinalizeRequest, ResizeNodeHandler, ResizeNodePreparation, ResizeNodePreparationRequest, ResolveConnectableOutputForOutlet, ResolveConnectableOutputForOutletRequest, ResolveConnectionWorkerConnectors, ResolveConnectionWorkerConnectorsRequest, ResolveConnectionWorkerContext, ResolveConnectionWorkerContextRequest, RotateNodeFinalize, RotateNodeFinalizeRequest, RotateNodeHandler, RotateNodePreparation, RotateNodePreparationRequest, Select, SelectAll, SelectAllRequest, SelectAndUpdateNodeLayer, SelectAndUpdateNodeLayerRequest, SelectByPointer, SelectByPointerRequest, SelectRequest, SelectionAreaFinalize, SelectionAreaFinalizeRequest, SelectionAreaHandler, SelectionAreaPreparation, SelectionAreaPreparationRequest, SetBackgroundTransform, SetBackgroundTransformRequest, SetFCacheConnectorRect, SetFCacheConnectorRectRequest, SetFCacheNodeRect, SetFCacheNodeRectRequest, SetZoom, SetZoomRequest, ShouldUseConnectionWorker, ShouldUseConnectionWorkerRequest, SortDropCandidatesByLayer, SortDropCandidatesByLayerRequest, SortItemLayers, SortItemLayersRequest, SortItemsByParent, SortItemsByParentRequest, SortNodeLayers, SortNodeLayersRequest, UnmarkConnectableConnectors, UnmarkConnectableConnectorsRequest, UnregisterFCacheConnector, UnregisterFCacheConnectorRequest, UnregisterFCacheNode, UnregisterFCacheNodeRequest, UpdateFCacheRectByElement, UpdateFCacheRectByElementRequest, UpdateItemAndChildrenLayers, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChanged, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScale, UpdateScaleRequest, afterNextPaint, assertRegistryIds, buildConnectionAnchors, buildCornerMidPointsAndApplyOffsets, calculateCenterBetweenPoints, calculateCurveCandidates, calculateDifferenceAfterRotation, calculateMagneticGuides, calculateMagneticRects, calculatePointerInFlow, calculatePolylineCandidates, calculatePositionAfterRotation, canvasFactory, configureComponentTest, configureDiTest, connectionFactory, connectorFactory, createConnectionDomIdentifier, createConnectionSelectionDomIdentifier, createGradientDomIdentifier, createGradientDomUrl, createMediatorHarness, createMultiCubicPath, createPureHarness, createSVGElement, createSegmentLinePath, createSpy, createSpyObj, cubicBezierAtT, debounceAnimationFrame, debounceMicrotask, debounceTime, defaultEventTrigger, determineSide, diBaseProviders, executeRequest, expandRectByOverflow, fInstanceKey, fProvideCache, findExistingWaypoint, findWaypointCandidate, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, flowFactory, getExternalItemHost, infinityMinMax, injectFromDi, isCalculateMode, isDragBlocker, isDragExternalItemHandler, isDragHandleEnd, isDragHandleStart, isDragMinimapHandler, isDragNodeHandler, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isPointerInsidePoint, isPointerInsideStartOrEndDragHandles, isResizeNodeHandler, isRotateHandle, isRotateNodeHandler, isValidEventTrigger, mergePointChains, mixinChangeSelection, mixinChangeVisibility, nodeFactory, normalizePolyline, notifyOnStart, pickWaypoint, rectFromPoint, registryAdd, registryAddMany, registryGet, registryRequire, sampleCubicBezierUniform, sampleMultiCubicUniform, selectableFactory, stringAttribute, takeOne, transitionEnd, valueProvider, withinSnapThreshold };
+export { AddCanvasToStore, AddCanvasToStoreRequest, AddConnectionForCreateToStore, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStore, AddConnectionMarkerToStoreRequest, AddConnectionToStore, AddConnectionToStoreRequest, AddConnectorToStore, AddConnectorToStoreRequest, AddDndToStore, AddDndToStoreRequest, AddFlowToStore, AddFlowToStoreRequest, AddNodeToStore, AddNodeToStoreRequest, AddPatternToBackground, AddPatternToBackgroundRequest, AddSnapConnectionToStore, AddSnapConnectionToStoreRequest, ApplyChildResizeConstraints, ApplyChildResizeConstraintsRequest, ApplyParentResizeConstraints, ApplyParentResizeConstraintsRequest, AttachDragNodeHandlerFromSelection, AttachDragNodeHandlerFromSelectionRequest, AttachResizeConnectionDragHandlersToNode, AttachResizeConnectionDragHandlersToNodeRequest, AttachSoftParentConnectionDragHandlersToNode, AttachSoftParentConnectionDragHandlersToNodeRequest, AttachSourceConnectionDragHandlersToNode, AttachSourceConnectionDragHandlersToNodeRequest, AttachTargetConnectionDragHandlersToNode, AttachTargetConnectionDragHandlersToNodeRequest, BuildDragNodeConstraints, BuildDragNodeConstraintsRequest, CALCULATABLE_SIDES, COMMON_PROVIDERS, CONNECTABLE_SIDE_EPSILON, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateAdaptiveCurveData, CalculateBezierCurveData, CalculateChangedRectFromDifference, CalculateChangedRectFromDifferenceRequest, CalculateClosestConnector, CalculateClosestConnectorRequest, CalculateConnectableSideByConnectedPositions, CalculateConnectableSideByConnectedPositionsRequest, CalculateConnectableSideByInternalPosition, CalculateConnectableSideByInternalPositionRequest, CalculateConnectionWorkerConnectorRect, CalculateConnectionWorkerConnectorRectRequest, CalculateConnectionWorkerPayloadItem, CalculateConnectionWorkerPayloadItemRequest, CalculateConnectionsState, CalculateConnectionsStateRequest, CalculateConnectionsUsingConnectionWorker, CalculateConnectionsUsingConnectionWorkerRequest, CalculateConnectorsConnectableSides, CalculateConnectorsConnectableSidesRequest, CalculateDirectChildrenUnionRect, CalculateDirectChildrenUnionRectRequest, CalculateFlowPointFromMinimapPoint, CalculateFlowPointFromMinimapPointRequest, CalculateFlowState, CalculateFlowStateRequest, CalculateInputConnections, CalculateInputConnectionsRequest, CalculateNodesBoundingBox, CalculateNodesBoundingBoxNormalizedPosition, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CalculateNodesState, CalculateNodesStateRequest, CalculateOutputConnections, CalculateOutputConnectionsRequest, CalculateResizeLimits, CalculateResizeLimitsRequest, CalculateSegmentLineData, CalculateSelectableItems, CalculateSelectableItemsRequest, CalculateSourceConnectorsToConnect, CalculateSourceConnectorsToConnectRequest, CalculateStraightLineData, CalculateTargetConnectorsToConnect, CalculateTargetConnectorsToConnectRequest, CenterGroupOrNode, CenterGroupOrNodeRequest, ClearSelection, ClearSelectionRequest, ConnectionBehaviourBuilder, ConnectionBehaviourBuilderRequest, ConnectionContentLayoutEngine, ConnectionLineBuilder, ConnectionLineBuilderRequest, ConnectionWorkerRun, ConnectionWorkerRunRequest, CreateConnectionCreateDragHandler, CreateConnectionCreateDragHandlerRequest, CreateConnectionFinalize, CreateConnectionFinalizeRequest, CreateConnectionFromOutletPreparation, CreateConnectionFromOutletPreparationRequest, CreateConnectionFromOutputPreparation, CreateConnectionFromOutputPreparationRequest, CreateConnectionHandler, CreateConnectionMarkers, CreateConnectionMarkersRequest, CreateConnectionPreparation, CreateConnectionPreparationRequest, CreateDragNodeHandler, CreateDragNodeHandlerRequest, CreateDragNodeHierarchy, CreateDragNodeHierarchyRequest, DRAG_AND_DROP_COMMON_PROVIDERS, DRAG_CANVAS_PROVIDERS, DRAG_CONNECTIONS_PROVIDERS, DRAG_DROP_TO_GROUP_PROVIDERS, DRAG_EXTERNAL_ITEM_HANDLER_KIND, DRAG_EXTERNAL_ITEM_HANDLER_TYPE, DRAG_EXTERNAL_ITEM_PROVIDERS, DRAG_MINIMAP_HANDLER_KIND, DRAG_MINIMAP_HANDLER_TYPE, DRAG_MINIMAP_PROVIDERS, DRAG_NODE_HANDLER_KIND, DRAG_NODE_HANDLER_TYPE, DRAG_SELECTION_AREA_PROVIDERS, DRAG_SELECT_BY_POINTER_PROVIDERS, DeltaClamp, Deprecated, DetectConnectionsUnderDragNode, DetectConnectionsUnderDragNodeRequest, DisableConnectionWorker, DisableConnectionWorkerRequest, DragAndDropBase, DragCanvasFinalize, DragCanvasFinalizeRequest, DragCanvasHandler, DragCanvasPreparation, DragCanvasPreparationRequest, DragConnectionWaypointFinalize, DragConnectionWaypointFinalizeRequest, DragConnectionWaypointHandler, DragConnectionWaypointPreparation, DragConnectionWaypointPreparationRequest, DragExternalItemCreatePlaceholder, DragExternalItemCreatePlaceholderRequest, DragExternalItemCreatePreview, DragExternalItemCreatePreviewRequest, DragExternalItemFinalize, DragExternalItemFinalizeRequest, DragExternalItemHandler, DragExternalItemPreparation, DragExternalItemPreparationRequest, DragHandlerBase, DragHandlerInjector, DragMinimapFinalize, DragMinimapFinalizeRequest, DragMinimapHandler, DragMinimapPreparation, DragMinimapPreparationRequest, DragNodeConnectionBothSidesHandler, DragNodeConnectionHandlerBase, DragNodeConnectionSourceHandler, DragNodeConnectionTargetHandler, DragNodeDeltaConstraints, DragNodeFinalize, DragNodeFinalizeRequest, DragNodeHandler, DragNodeHierarchy, DragNodeItemHandler, DragNodePreparation, DragNodePreparationRequest, DropToGroupFinalize, DropToGroupFinalizeRequest, DropToGroupHandler, DropToGroupPreparation, DropToGroupPreparationRequest, EFConnectableSide, EFConnectionBehavior, EFConnectionConnectableSide, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitConnectionsChanges, EmitConnectionsChangesRequest, EmitEndDragSequenceEvent, EmitEndDragSequenceEventRequest, EmitSelectionChangeEvent, EmitSelectionChangeEventRequest, EmitStartDragSequenceEvent, EmitStartDragSequenceEventRequest, EnsureConnectionWorker, EnsureConnectionWorkerRequest, EventExtensions, ExternalRectConstraint, FBackgroundBase, FBackgroundComponent, FCache, FCacheConnector, FCacheConnectorKeyFactory, FCacheNode, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionComponent, FConnectionComponentsParent, FConnectionContent, FConnectionContentBase, FConnectionDragHandleBase, FConnectionDragHandleEnd, FConnectionDragHandleStart, FConnectionForCreateComponent, FConnectionGradient, FConnectionGradientBase, FConnectionGradientRenderer, FConnectionGradientRendererBase, FConnectionMarker, FConnectionMarkerBase, FConnectionMarkerRegistry, FConnectionPath, FConnectionPathBase, FConnectionRegistry, FConnectionSelection, FConnectionSelectionBase, FConnectionWaypoints, FConnectionWaypointsBase, FConnectionWaypointsChangedEvent, FConnectionWorker, FConnectorBase, FConnectorRegistry, FCreateConnectionEvent, FCreateNodeEvent, FDragBlockerDirective, FDragExternalItemStartEventData, FDragHandleDirective, FDragHandlerResult, FDragNodeStartEventData, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItem, FExternalItemBase, FExternalItemPlaceholder, FExternalItemPreview, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FIdRegistryBase, FLineAlignmentComponent, FMagneticLines, FMagneticLinesBase, FMagneticRects, FMagneticRectsBase, FMinimapBase, FMinimapCanvasDirective, FMinimapComponent, FMinimapFlowDirective, FMinimapState, FMinimapViewDirective, FMoveNodesEvent, FNodeBase, FNodeConnectionsIntersectionEvent, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeRegistry, FReassignConnectionEvent, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FResizeNodeStartEventData, FRotateHandleDirective, FRotateNodeStartEventData, FSelectionArea, FSelectionAreaBase, FSelectionChangeEvent, FSingleRegistryBase, FSnapConnectionComponent, FSourceConnectorBase, FVirtualFor, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_CACHE_FEATURES, F_CACHE_OPTIONS, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_COMPONENTS_PARENT, F_CONNECTION_CONTENT, F_CONNECTION_DRAG_HANDLE_END, F_CONNECTION_DRAG_HANDLE_START, F_CONNECTION_FEATURES, F_CONNECTION_GRADIENT, F_CONNECTION_IMPORTS_EXPORTS, F_CONNECTION_MARKER, F_CONNECTION_PATH, F_CONNECTION_PROVIDERS, F_CONNECTION_SELECTION, F_CONNECTION_WAYPOINTS, F_CONNECTION_WORKER_FEATURES, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_CSS_CLASS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT_PROVIDERS, F_MAGNETIC_LINES, F_MAGNETIC_LINES_PROVIDERS, F_MAGNETIC_RECTS, F_MAGNETIC_RECTS_PROVIDERS, F_MINIMAP_BASE, F_MINIMAP_FEATURES, 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_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_VIRTUAL_FOR_PROVIDERS, F_ZOOM, F_ZOOM_FEATURES, F_ZOOM_PROVIDERS, FindConnectableConnectorUsingPriorityAndPosition, FindConnectableConnectorUsingPriorityAndPositionRequest, FitToChildNodesAndGroups, FitToChildNodesAndGroupsRequest, FitToFlow, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetCachedFCacheRect, GetCachedFCacheRectRequest, GetChildNodeIds, GetChildNodeIdsRequest, GetConnectorRectReference, GetConnectorRectReferenceRequest, GetCurrentSelection, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroups, GetDeepChildrenNodesAndGroupsRequest, GetFlow, GetFlowRequest, GetNodePadding, GetNodePaddingRequest, GetNormalizedConnectorRect, GetNormalizedConnectorRectRequest, GetNormalizedElementRect, GetNormalizedElementRectRequest, GetNormalizedParentNodeRect, GetNormalizedParentNodeRectRequest, GetNormalizedPoint, GetNormalizedPointRequest, GetParentNodes, GetParentNodesRequest, GridSnapper, HandleConnectionWorkerMessage, HandleConnectionWorkerMessageRequest, IMouseEvent, INSTANCES, IPointerEvent, IPointerUpEvent, ITouchDownEvent, ITouchMoveEvent, InitializeDragSequence, InitializeDragSequenceRequest, InputCanvasPosition, InputCanvasPositionRequest, InputCanvasScale, InputCanvasScaleRequest, InvalidateFCacheNode, InvalidateFCacheNodeRequest, IsArrayHasParentNode, IsArrayHasParentNodeRequest, IsConnectionWorkerEnabled, IsConnectionWorkerEnabledRequest, IsDragStarted, IsDragStartedRequest, ListenConnectionsChanges, ListenConnectionsChangesRequest, ListenNodesChanges, ListenNodesChangesRequest, ListenTransformChanges, ListenTransformChangesRequest, LogExecutionTime, MOUSE_EVENT_IGNORE_TIME, MagneticLineElement, MagneticLineRenderer, MagneticLinesHandler, MagneticLinesPreparation, MagneticLinesPreparationRequest, MagneticRectElement, MagneticRectsHandler, MagneticRectsPreparation, MagneticRectsPreparationRequest, MagneticRectsRenderer, MarkConnectableConnectors, MarkConnectableConnectorsRequest, MinimapCalculateViewRect, MinimapCalculateViewRectRequest, MinimapCalculateViewport, MinimapCalculateViewportRequest, MinimapDrawNodes, MinimapDrawNodesRequest, MoveFrontElementsBeforeTargetElement, MoveFrontElementsBeforeTargetElementRequest, NODE_PROVIDERS, NODE_RESIZE_PROVIDERS, NODE_ROTATE_PROVIDERS, NotifyTransformChanged, NotifyTransformChangedRequest, OnPointerMove, OnPointerMoveRequest, PINCH_TO_ZOOM_PROVIDERS, PinchToZoomFinalize, PinchToZoomFinalizeRequest, PinchToZoomHandler, PinchToZoomPreparation, PinchToZoomPreparationRequest, Polyline, PolylineContentAlign, PolylineContentPlace, PolylineSampler, PrepareDragSequence, PrepareDragSequenceRequest, PreventDefaultIsExternalItem, PreventDefaultIsExternalItemRequest, RESIZE_DIRECTIONS, RESIZE_NODE_HANDLER_KIND, RESIZE_NODE_HANDLER_TYPE, ROTATE_NODE_HANDLER_KIND, ROTATE_NODE_HANDLER_TYPE, ReadNodeBoundsWithPaddings, ReadNodeBoundsWithPaddingsRequest, ReadNodeBoundsWithPaddingsResponse, ReassignConnectionFinalize, ReassignConnectionFinalizeRequest, ReassignConnectionHandler, ReassignConnectionPreparation, ReassignConnectionPreparationRequest, ReassignConnectionSourceHandler, ReassignConnectionTargetHandler, RedrawCanvasWithAnimation, RedrawCanvasWithAnimationRequest, RedrawConnections, RedrawConnectionsRequest, RegisterFCacheConnector, RegisterFCacheConnectorRequest, RegisterFCacheNode, RegisterFCacheNodeRequest, RegisterPluginInstance, RegisterPluginInstanceRequest, RemoveCanvasFromStore, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStore, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStore, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStore, RemoveConnectionMarkerFromStoreRequest, RemoveConnectionWaypoint, RemoveConnectionWaypointRequest, RemoveConnectorFromStore, RemoveConnectorFromStoreRequest, RemoveDndFromStore, RemoveDndFromStoreRequest, RemoveFlowFromStore, RemoveFlowFromStoreRequest, RemoveNodeFromStore, RemoveNodeFromStoreRequest, RemovePluginInstance, RemovePluginInstanceRequest, RemoveSnapConnectionFromStore, RemoveSnapConnectionFromStoreRequest, ResetConnectionWorkerRuntime, ResetConnectionWorkerRuntimeRequest, ResetScale, ResetScaleAndCenter, ResetScaleAndCenterRequest, ResetScaleRequest, ResetZoom, ResetZoomRequest, ResizeNodeConnectionBothSidesHandler, ResizeNodeConnectionHandlerBase, ResizeNodeConnectionSourceHandler, ResizeNodeConnectionTargetHandler, ResizeNodeFinalize, ResizeNodeFinalizeRequest, ResizeNodeHandler, ResizeNodePreparation, ResizeNodePreparationRequest, ResolveConnectableOutputForOutlet, ResolveConnectableOutputForOutletRequest, ResolveConnectionWorkerConnectors, ResolveConnectionWorkerConnectorsRequest, ResolveConnectionWorkerContext, ResolveConnectionWorkerContextRequest, RotateNodeFinalize, RotateNodeFinalizeRequest, RotateNodeHandler, RotateNodePreparation, RotateNodePreparationRequest, Select, SelectAll, SelectAllRequest, SelectAndUpdateNodeLayer, SelectAndUpdateNodeLayerRequest, SelectByPointer, SelectByPointerRequest, SelectRequest, SelectionAreaFinalize, SelectionAreaFinalizeRequest, SelectionAreaHandler, SelectionAreaPreparation, SelectionAreaPreparationRequest, SetBackgroundTransform, SetBackgroundTransformRequest, SetFCacheConnectorRect, SetFCacheConnectorRectRequest, SetFCacheNodeRect, SetFCacheNodeRectRequest, SetZoom, SetZoomRequest, ShouldUseConnectionWorker, ShouldUseConnectionWorkerRequest, SortDropCandidatesByLayer, SortDropCandidatesByLayerRequest, SortItemLayers, SortItemLayersRequest, SortItemsByParent, SortItemsByParentRequest, SortNodeLayers, SortNodeLayersRequest, UnmarkConnectableConnectors, UnmarkConnectableConnectorsRequest, UnregisterFCacheConnector, UnregisterFCacheConnectorRequest, UnregisterFCacheNode, UnregisterFCacheNodeRequest, UpdateFCacheRectByElement, UpdateFCacheRectByElementRequest, UpdateItemAndChildrenLayers, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChanged, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScale, UpdateScaleRequest, afterNextPaint, assertRegistryIds, buildConnectionAnchors, buildCornerMidPointsAndApplyOffsets, calculateCenterBetweenPoints, calculateCurveCandidates, calculateDifferenceAfterRotation, calculateMagneticGuides, calculateMagneticRects, calculatePointerInFlow, calculatePolylineCandidates, calculatePositionAfterRotation, canvasFactory, configureComponentTest, configureDiTest, connectionFactory, connectorFactory, createConnectionDomIdentifier, createConnectionSelectionDomIdentifier, createGradientDomIdentifier, createGradientDomUrl, createMediatorHarness, createMultiCubicPath, createPureHarness, createSVGElement, createSegmentLinePath, createSpy, createSpyObj, cubicBezierAtT, debounceAnimationFrame, debounceMicrotask, debounceTime, defaultEventTrigger, determineSide, diBaseProviders, executeRequest, expandRectByOverflow, fInstanceKey, fProvideCache, findExistingWaypoint, findWaypointCandidate, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, flowFactory, getExternalItemHost, infinityMinMax, injectFromDi, isCalculateMode, isDragBlocker, isDragExternalItemHandler, isDragHandleEnd, isDragHandleStart, isDragMinimapHandler, isDragNodeHandler, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isPointerInsidePoint, isPointerInsideStartOrEndDragHandles, isResizeNodeHandler, isRotateHandle, isRotateNodeHandler, isValidEventTrigger, mergePointChains, mixinChangeSelection, mixinChangeVisibility, nodeFactory, normalizePolyline, notifyOnStart, pickWaypoint, rectFromPoint, registryAdd, registryAddMany, registryGet, registryRequire, sampleCubicBezierUniform, sampleMultiCubicUniform, selectableFactory, stringAttribute, takeOne, transitionEnd, valueProvider, withinSnapThreshold };
 //# sourceMappingURL=foblex-flow.mjs.map