@foblex/flow 17.8.5 → 17.8.6

package/fesm2022/foblex-flow.mjs

@@ -1,10 +1,11 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, Directive, input, computed, signal, Injector, Renderer2, effect, untracked, DestroyRef, model, output, booleanAttribute, ElementRef, Input, viewChild, Component, ChangeDetectionStrategy, Optional, Inject, isDevMode, contentChildren, numberAttribute, ViewContainerRef, TemplateRef, EventEmitter, NgZone, Output, ContentChildren, contentChild, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, Directive, input, computed, signal, Injector, Renderer2, effect, untracked, DestroyRef, model, output, booleanAttribute, ElementRef, Input, viewChild, Component, ChangeDetectionStrategy, isDevMode, contentChildren, numberAttribute, ViewContainerRef, TemplateRef, EventEmitter, NgZone, Output, ContentChildren, contentChild, NgModule } from '@angular/core';
 import { RectExtensions, RoundedRect, TransformModelExtensions, PointExtensions, Point, LineExtensions, GetIntersections, SizeExtensions, findClosestAlignment, setRectToElement, adjustRectToMinSize, setRectToViewBox } from '@foblex/2d';
 import { __decorate } from 'tslib';
 import { FExecutionRegister, FMediator } from '@foblex/mediator';
 import { BrowserService, PlatformService, EOperationSystem } from '@foblex/platform';
 import { normalizeDomElementId, castToEnum, isClosestElementHasClass, flatMap, getOrCreateRootNodeForViewRef, deepCloneNode, disableDragInteractions, extendStyles, getDataAttrValueFromClosestElementWithClass } from '@foblex/utils';
+import { coerceNumberProperty } from '@angular/cdk/coercion';
 import { CommonModule } from '@angular/common';
 
 const F_BACKGROUND_PATTERN = new InjectionToken('F_BACKGROUND_PATTERN');
@@ -1023,14 +1024,14 @@ function createSVGElement$1(tag, fBrowser) {
 class CalculateConnectionLineByBehaviorRequest {
     sourceRect;
     targetRect;
-    behavior;
+    connection;
     sourceConnectableSide;
     targetConnectableSide;
     static fToken = Symbol('CalculateConnectionLineByBehaviorRequest');
-    constructor(sourceRect, targetRect, behavior, sourceConnectableSide, targetConnectableSide) {
+    constructor(sourceRect, targetRect, connection, sourceConnectableSide, targetConnectableSide) {
         this.sourceRect = sourceRect;
         this.targetRect = targetRect;
-        this.behavior = behavior;
+        this.connection = connection;
         this.sourceConnectableSide = sourceConnectableSide;
         this.targetConnectableSide = targetConnectableSide;
     }
@@ -1869,6 +1870,205 @@ const F_CONNECTORS_PROVIDERS = [
     FNodeOutputDirective,
 ];
 
+/**
+ * AdaptiveCurveBuilder
+ *
+ * Builds a smooth **adaptive connector curve** between two points using a cubic Bézier path,
+ * but with control points computed differently from a classic “Bezier” connector.
+ *
+ * Key differences from a classic Bézier builder:
+ * - Control handles are **aligned with the port side** (LEFT/RIGHT/TOP/BOTTOM),
+ *   yet are **slightly blended toward the target direction** to reduce harsh S-shapes.
+ * - Handle lengths are **adaptive**: based on the `offset` (your “padding” from ports)
+ *   and the projected distance along the side’s axis. This produces a subtler curvature
+ *   and a distinct look & feel compared to a standard Bézier connector.
+ *
+ * Compatibility:
+ * - Implements {@link IFConnectionBuilder}; output shape is the same:
+ *   SVG path, sampled points for hit-testing, and connection center.
+ * - Only the four base sides are expected to be passed here:
+ *   {@link EFConnectableSide.LEFT}, {@link EFConnectableSide.RIGHT},
+ *   {@link EFConnectableSide.TOP}, {@link EFConnectableSide.BOTTOM}.
+ *
+ * Usage example:
+ * ```ts
+ * const builder = new AdaptiveCurveBuilder();
+ * const res = builder.handle({
+ *   source: { x: 100, y: 120 },
+ *   sourceSide: EFConnectableSide.RIGHT,
+ *   target: { x: 340, y: 220 },
+ *   targetSide: EFConnectableSide.LEFT,
+ *   offset: 16, // acts as padding + minimal handle baseline
+ * });
+ * // res.path -> SVG "M … C …" string
+ * // res.points -> sampled points along the curve
+ * ```
+ */
+class AdaptiveCurveBuilder {
+    /**
+     * Returns a unit direction vector for a given side.
+     *
+     * @param side - One of LEFT/RIGHT/TOP/BOTTOM.
+     * @returns Unit vector pointing outwards from the side.
+     * @remarks
+     * Only base sides should reach this builder. A fallback `{0,0}` is returned
+     * defensively, but should not occur in normal usage.
+     */
+    static _dir(side) {
+        switch (side) {
+            case EFConnectableSide.LEFT:
+                return { x: -1, y: 0 };
+            case EFConnectableSide.RIGHT:
+                return { x: 1, y: 0 };
+            case EFConnectableSide.TOP:
+                return { x: 0, y: -1 };
+            case EFConnectableSide.BOTTOM:
+                return { x: 0, y: 1 };
+        }
+        return { x: 0, y: 0 };
+    }
+    /**
+     * Checks whether a side is horizontal (LEFT/RIGHT).
+     *
+     * @param side - Side to check.
+     * @returns `true` for LEFT/RIGHT, otherwise `false`.
+     */
+    static _isH(side) {
+        return side === EFConnectableSide.LEFT || side === EFConnectableSide.RIGHT;
+    }
+    /**
+     * Computes a **soft** handle length for a control point.
+     *
+     * The handle length is derived from:
+     * - `offset` (acts as padding & the baseline handle),
+     * - distance projected along the side’s axis (dx for horizontal, dy for vertical),
+     * - a conservative upper bound to avoid bloated curves.
+     *
+     * @param p0 - Start (or end) point of the segment.
+     * @param p3 - Opposite end (or start) point.
+     * @param side - Side at which the handle originates.
+     * @param offset - Visual padding/minimal handle baseline (must be ≥ 0).
+     * @returns A bounded positive handle length.
+     */
+    static _handleLen(p0, p3, side, offset) {
+        const dx = Math.abs(p3.x - p0.x);
+        const dy = Math.abs(p3.y - p0.y);
+        const d = Math.hypot(dx, dy);
+        const along = this._isH(side) ? dx : dy;
+        const MIN = Math.max(8, offset);
+        const MAX = offset + 0.5 * d; // upper cap to keep the shape compact
+        const len = offset * 1.05 + along * 0.3; // moderate growth along the axis
+        return Math.min(MAX, Math.max(MIN, len));
+    }
+    /**
+     * Computes a control point by taking the side direction and **lightly blending**
+     * it toward the target direction. This reduces harsh inflections while keeping
+     * the perceptual attachment to the port side.
+     *
+     * @param side - Base side defining the primary direction (LEFT/RIGHT/TOP/BOTTOM).
+     * @param source - Anchor point where the control handle is attached.
+     * @param target - Opposite end; used to orient the handle slightly toward the goal.
+     * @param handle - Handle length (see {@link _handleLen}).
+     * @returns Control point coordinates for the cubic Bézier segment.
+     */
+    static _softControl(side, source, target, handle) {
+        const v = this._dir(side);
+        const dx = target.x - source.x;
+        const dy = target.y - source.y;
+        const dist = Math.hypot(dx, dy) || 1;
+        const tx = dx / dist;
+        const ty = dy / dist;
+        // Orientation of side vs. target direction (in [-1, 1])
+        const dot = v.x * tx + v.y * ty;
+        // Small base blend toward the target; slightly increase if the side points away.
+        const baseBlend = 0.12;
+        const extra = Math.max(0, -dot) * 0.08; // add a bit when pointing “backwards”
+        const blend = Math.min(0.2, baseBlend + extra);
+        const dirX = v.x * (1 - blend) + tx * blend;
+        const dirY = v.y * (1 - blend) + ty * blend;
+        const len = Math.hypot(dirX, dirY) || 1;
+        return { x: source.x + (dirX / len) * handle, y: source.y + (dirY / len) * handle };
+    }
+    /**
+     * Builds an adaptive connector between `source` and `target`.
+     *
+     * @param request - Connection build request.
+     * @param request.source - Start point of the connector.
+     * @param request.sourceSide - Side at the source port (LEFT/RIGHT/TOP/BOTTOM).
+     * @param request.target - End point of the connector.
+     * @param request.targetSide - Side at the target port (LEFT/RIGHT/TOP/BOTTOM).
+     * @param request.offset - Visual padding & minimal handle baseline (≥ 0).
+     *
+     * @returns Standard {@link IFConnectionBuilderResponse}:
+     * - `path`: SVG cubic path (“M … C …”),
+     * - `points`: discretized samples along the curve,
+     * - `connectionCenter`: approximate visual center for labeling/interaction,
+     * - `secondPoint`/`penultimatePoint`: first/second control points (for tooling).
+     *
+     * @remarks
+     * The returned path slightly offsets the end point by +0.0002 on both axes
+     * to avoid edge cases in some renderers and hit-testing implementations.
+     */
+    handle(request) {
+        const { source, sourceSide, target, targetSide } = request;
+        const offset = Math.max(0, request.offset ?? 0);
+        const p0 = { x: source.x, y: source.y };
+        const p3 = { x: target.x, y: target.y };
+        const h0 = AdaptiveCurveBuilder._handleLen(p0, p3, sourceSide, offset);
+        const h3 = AdaptiveCurveBuilder._handleLen(p3, p0, targetSide, offset);
+        const c1 = AdaptiveCurveBuilder._softControl(sourceSide, p0, p3, h0);
+        const c2 = AdaptiveCurveBuilder._softControl(targetSide, p3, p0, h3);
+        const path = `M ${p0.x} ${p0.y} C ${c1.x} ${c1.y}, ${c2.x} ${c2.y}, ${p3.x + 0.0002} ${p3.y + 0.0002}`;
+        const connectionCenter = new CalculateConnectionCenterHandler().handle(new CalculateConnectionCenterRequest([p0, c1, c2, p3]));
+        return {
+            path,
+            connectionCenter,
+            secondPoint: c1,
+            penultimatePoint: c2,
+            points: _sampleCubic$1(p0, c1, c2, p3, 32),
+        };
+    }
+}
+/**
+ * Evaluates a cubic Bézier at parameter `t` in [0, 1].
+ *
+ * @param p0 - Start point.
+ * @param p1 - First control point.
+ * @param p2 - Second control point.
+ * @param p3 - End point.
+ * @param t - Parameter in [0, 1].
+ * @returns Point on the curve at `t`.
+ */
+function bez3$1(p0, p1, p2, p3, t) {
+    const u = 1 - t, tt = t * t, uu = u * u, uuu = uu * u, ttt = tt * t;
+    return {
+        x: uuu * p0.x + 3 * uu * t * p1.x + 3 * u * tt * p2.x + ttt * p3.x,
+        y: uuu * p0.y + 3 * uu * t * p1.y + 3 * u * tt * p2.y + ttt * p3.y,
+    };
+}
+/**
+ * Uniformly samples a cubic Bézier segment.
+ *
+ * @param p0 - Start point.
+ * @param p1 - First control point.
+ * @param p2 - Second control point.
+ * @param p3 - End point.
+ * @param samples - Number of sub-segments (default: 32). The function returns `samples + 1` points.
+ * @returns Array of sampled points including both endpoints.
+ * @remarks
+ * Sampling is uniform in parameter `t`, not in arc length. This is typically
+ * sufficient for hit-testing and bounding boxes; if you need error-bounded
+ * flattening, consider an adaptive subdivision strategy instead.
+ */
+function _sampleCubic$1(p0, p1, p2, p3, samples = 32) {
+    const out = new Array(samples + 1);
+    out[0] = { ...p0 };
+    for (let i = 1; i <= samples; i++) {
+        out[i] = bez3$1(p0, p1, p2, p3, i / samples);
+    }
+    return out;
+}
+
 class FBezierPathBuilder {
     static _getConnectorOffset(distance, offset) {
         if (distance >= offset) {
@@ -2449,34 +2649,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const F_CONNECTION_BUILDERS = new InjectionToken('F_CONNECTION_BUILDERS');
 
 class FConnectionFactory {
-    builders = {
+    _builders = {
         [EFConnectionType.STRAIGHT]: new FStraightPathBuilder(),
         [EFConnectionType.BEZIER]: new FBezierPathBuilder(),
+        [EFConnectionType.ADAPTIVE_CURVE]: new AdaptiveCurveBuilder(),
         [EFConnectionType.SEGMENT]: new FSegmentPathBuilder(),
+        ...(inject(F_CONNECTION_BUILDERS, { optional: true }) || {}),
     };
-    constructor(builders) {
-        if (builders) {
-            this.builders = { ...this.builders, ...builders };
-        }
-    }
     handle(request) {
-        const builder = this.builders[request.type];
+        const builder = this._builders[request.type];
         if (!builder) {
             throw new Error(`FConnectionBuilder not found for type ${request.type}`);
         }
         return builder.handle(request.payload);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionFactory, deps: [{ token: F_CONNECTION_BUILDERS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionFactory });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionFactory, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [F_CONNECTION_BUILDERS]
-                }] }] });
+        }] });
 
 let warnedFConnectionCenter = false;
 /** @deprecated '[fConnectionCenter] is deprecated and will be removed in v18.0.0. Use FConnectionContent directive instead.' */
@@ -2759,7 +2951,7 @@ class PolylineContentPlace {
         return { x, y };
     }
     _sizeAlongDirection(element, dir) {
-        const rect = element.getBoundingClientRect();
+        const rect = DragRectCache.fromElement(element);
         return Math.abs(dir.x) * rect.width + Math.abs(dir.y) * rect.height;
     }
     _normalize180(angleDeg) {
@@ -2800,16 +2992,15 @@ class ConnectionContentLayoutEngine {
         const total = sampler.totalLength;
         for (const item of contents) {
             const { position, rotationDeg } = this._placement.compute(sampler, item);
-            const style = this._createTransformString(position, rotationDeg);
-            item.hostElement.setAttribute('style', style);
+            item.hostElement.style.transform = this._createTransformString(position, rotationDeg);
         }
         return total;
     }
     _createTransformString(position, rotationDeg) {
-        return `position: fixed; pointer-events: all; transform: translate(-50%, -50%) rotate(${rotationDeg}deg); left: ${position.x}px; top: ${position.y}px`;
+        return `translate3d(${position.x}px, ${position.y}px, 0) translate(-50%, -50%) rotate(${rotationDeg}deg)`;
     }
 }
-function calculatePathPointsIfEmpty({ point1, point2 }, { secondPoint, connectionCenter, penultimatePoint }) {
+function calculatePathPointsIfEmpty({ point1, point2 }, { secondPoint, connectionCenter, penultimatePoint, }) {
     return [point1, secondPoint || point1, connectionCenter, penultimatePoint || point2, point2];
 }
 
@@ -2857,7 +3048,10 @@ class FConnectionContent {
      * - `0.5` — at the middle of the connection (default).
      */
     position = input(0.5, {
-        transform: (v) => (v < 0 ? 0 : v > 1 ? 1 : v),
+        transform: (x) => {
+            const v = coerceNumberProperty(x);
+            return v < 0 ? 0 : v > 1 ? 1 : v;
+        },
     });
     /**
      * Perpendicular offset from the connection line (in pixels).
@@ -2867,7 +3061,9 @@ class FConnectionContent {
      * - Negative values shift it to the left.
      * - Default: `0` (no shift).
      */
-    offset = input(0);
+    offset = input(0, {
+        transform: (x) => coerceNumberProperty(x),
+    });
     /**
      * Controls the orientation (rotation) of the content relative to the connection.
      *
@@ -2903,6 +3099,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+var EFConnectionConnectableSide;
+(function (EFConnectionConnectableSide) {
+    EFConnectionConnectableSide["DEFAULT"] = "default";
+    EFConnectionConnectableSide["TOP"] = "top";
+    EFConnectionConnectableSide["BOTTOM"] = "bottom";
+    EFConnectionConnectableSide["LEFT"] = "left";
+    EFConnectionConnectableSide["RIGHT"] = "right";
+    EFConnectionConnectableSide["CALCULATE"] = "calculate";
+    EFConnectionConnectableSide["CALCULATE_HORIZONTAL"] = "calculate_horizontal";
+    EFConnectionConnectableSide["CALCULATE_VERTICAL"] = "calculate_vertical";
+})(EFConnectionConnectableSide || (EFConnectionConnectableSide = {}));
+
 const MIXIN_BASE = mixinChangeSelection(mixinChangeVisibility(class {
     hostElement;
     constructor(hostElement) {
@@ -2932,6 +3140,10 @@ class FConnectionBase extends MIXIN_BASE {
     fConnectionContents = contentChildren(FConnectionContent, {
         descendants: true,
     });
+    fInputSide = signal(EFConnectionConnectableSide.DEFAULT);
+    _sourceSide = EFConnectableSide.AUTO;
+    fOutputSide = signal(EFConnectionConnectableSide.DEFAULT);
+    _targetSide = EFConnectableSide.AUTO;
     _penultimatePoint = PointExtensions.initialize();
     _secondPoint = PointExtensions.initialize();
     constructor() {
@@ -2945,9 +3157,9 @@ class FConnectionBase extends MIXIN_BASE {
     isContains(element) {
         return (this.hostElement.firstChild?.lastChild).contains(element);
     }
-    setLine({ point1, point2 }, sourceSide, targetSide) {
+    setLine({ point1, point2 }) {
         this.line = LineExtensions.initialize(point1, point2);
-        const pathResult = this._getPathResult(point1, sourceSide, point2, targetSide);
+        const pathResult = this._getPathResult(point1, point2);
         this.path = pathResult.path;
         this._penultimatePoint = pathResult.penultimatePoint || point1;
         this._secondPoint = pathResult.secondPoint || point2;
@@ -2957,12 +3169,19 @@ class FConnectionBase extends MIXIN_BASE {
     _contents() {
         return Array.from(this.fConnectionContents()?.values() ?? []);
     }
-    _getPathResult(source, sourceSide, target, targetSide) {
+    _getPathResult(source, target) {
         const radius = this.fRadius > 0 ? this.fRadius : 0;
         const offset = this.fOffset > 0 ? this.fOffset : 1;
         return this._connectionFactory.handle({
             type: this.fType,
-            payload: { source, sourceSide, target, targetSide, radius, offset },
+            payload: {
+                source,
+                sourceSide: this._sourceSide,
+                target,
+                targetSide: this._targetSide,
+                radius,
+                offset,
+            },
         });
     }
     _createTransformString(position, rotate = 0) {
@@ -2982,6 +3201,16 @@ class FConnectionBase extends MIXIN_BASE {
         this.fDragHandleStart()?.redraw(this._secondPoint, this.line.point1);
         this.fTextComponent().redraw(this.line);
     }
+    /**
+     * Applies the resolved sides to the connection. Don't call this method directly; it's used internally.
+     *
+     * @param sourceSide The resolved side for the source element.
+     * @param targetSide The resolved side for the target element.
+     */
+    _applyResolvedSidesToConnection(sourceSide, targetSide) {
+        this._sourceSide = sourceSide;
+        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: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true, isSignal: true }, { propertyName: "fConnectionContents", predicate: FConnectionContent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, isSignal: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, isSignal: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, isSignal: true }, { propertyName: "fDragHandleStart", first: true, predicate: FConnectionDragHandleStartComponent, descendants: true, isSignal: true }, { propertyName: "fDragHandleEnd", first: true, predicate: FConnectionDragHandleEndComponent, descendants: true, isSignal: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, isSignal: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, isSignal: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
@@ -3001,6 +3230,7 @@ var EFConnectionType;
     EFConnectionType["SEGMENT"] = "segment";
     EFConnectionType["STRAIGHT"] = "straight";
     EFConnectionType["BEZIER"] = "bezier";
+    EFConnectionType["ADAPTIVE_CURVE"] = "adaptive-curve";
 })(EFConnectionType || (EFConnectionType = {}));
 
 let uniqueId$6 = 0;
@@ -3014,6 +3244,16 @@ class FConnectionForCreateComponent extends FConnectionBase {
     fOffset = 12;
     fBehavior = EFConnectionBehavior.FIXED;
     fType = EFConnectionType.STRAIGHT;
+    fInputSide = input(EFConnectionConnectableSide.DEFAULT, {
+        transform: (x) => {
+            return castToEnum(x, 'fInputSide', EFConnectionConnectableSide);
+        },
+    });
+    fOutputSide = input(EFConnectionConnectableSide.DEFAULT, {
+        transform: (x) => {
+            return castToEnum(x, 'fOutputSide', EFConnectionConnectableSide);
+        },
+    });
     get boundingElement() {
         return this.fPath().hostElement;
     }
@@ -3031,7 +3271,7 @@ class FConnectionForCreateComponent extends FConnectionBase {
         this._mediator.execute(new RemoveConnectionForCreateFromStoreRequest());
     }
     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: ["fRadius", "fRadius", numberAttribute], fOffset: ["fOffset", "fOffset", numberAttribute], fBehavior: ["fBehavior", "fBehavior", (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior)], fType: "fType" }, host: { classAttribute: "f-component f-connection f-connection-for-create" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionForCreateComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [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    <text f-connection-text></text>\n  </g>\n  <ng-content></ng-content>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n\n@if (fConnectionContents().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-center,:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleStartComponent, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEndComponent, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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, useExisting: FConnectionForCreateComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [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    <text f-connection-text></text>\n  </g>\n  <ng-content></ng-content>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n\n@if (fConnectionContents().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-center,:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleStartComponent, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEndComponent, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionForCreateComponent, decorators: [{
             type: Component,
@@ -3074,6 +3314,16 @@ class FConnectionComponent extends FConnectionBase {
         alias: 'fReassignDisabled',
         transform: booleanAttribute,
     });
+    fInputSide = input(EFConnectionConnectableSide.DEFAULT, {
+        transform: (x) => {
+            return castToEnum(x, 'fInputSide', EFConnectionConnectableSide);
+        },
+    });
+    fOutputSide = input(EFConnectionConnectableSide.DEFAULT, {
+        transform: (x) => {
+            return castToEnum(x, 'fOutputSide', EFConnectionConnectableSide);
+        },
+    });
     get boundingElement() {
         return this.fPath().hostElement;
     }
@@ -3088,7 +3338,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 }, fText: { classPropertyName: "fText", publicName: "fText", isSignal: false, isRequired: false, transformFunction: null }, fTextStartOffset: { classPropertyName: "fTextStartOffset", publicName: "fTextStartOffset", isSignal: false, 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 } }, 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, useExisting: FConnectionComponent }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  style=\"overflow: visible; display: block; vertical-align: middle;\"\n>\n  <defs #defs></defs>\n  <ng-content></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    <text f-connection-text></text>\n  </g>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n\n@if (fConnectionContents().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-center,:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleStartComponent, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEndComponent, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, 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 }, fText: { classPropertyName: "fText", publicName: "fText", isSignal: false, isRequired: false, transformFunction: null }, fTextStartOffset: { classPropertyName: "fTextStartOffset", publicName: "fTextStartOffset", isSignal: false, 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, useExisting: FConnectionComponent }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  style=\"overflow: visible; display: block; vertical-align: middle;\"\n>\n  <defs #defs></defs>\n  <ng-content></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    <text f-connection-text></text>\n  </g>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n\n@if (fConnectionContents().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-center,:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleStartComponent, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEndComponent, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectionComponent, decorators: [{
             type: Component,
@@ -3184,6 +3434,16 @@ class FSnapConnectionComponent extends FConnectionBase {
     fOffset = 12;
     fBehavior = EFConnectionBehavior.FIXED;
     fType = EFConnectionType.STRAIGHT;
+    fInputSide = input(EFConnectionConnectableSide.DEFAULT, {
+        transform: (x) => {
+            return castToEnum(x, 'fInputSide', EFConnectionConnectableSide);
+        },
+    });
+    fOutputSide = input(EFConnectionConnectableSide.DEFAULT, {
+        transform: (x) => {
+            return castToEnum(x, 'fOutputSide', EFConnectionConnectableSide);
+        },
+    });
     get boundingElement() {
         return this.fPath().hostElement;
     }
@@ -3201,7 +3461,7 @@ 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: ["fSnapThreshold", "fSnapThreshold", numberAttribute], fRadius: ["fRadius", "fRadius", numberAttribute], fOffset: ["fOffset", "fOffset", numberAttribute], fBehavior: ["fBehavior", "fBehavior", (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior)], fType: "fType" }, host: { classAttribute: "f-component f-connection f-snap-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FSnapConnectionComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [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    <text f-connection-text></text>\n  </g>\n  <ng-content></ng-content>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n\n@if (fConnectionContents().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-center,:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleStartComponent, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEndComponent, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, 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, useExisting: FSnapConnectionComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <defs #defs></defs>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [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    <text f-connection-text></text>\n  </g>\n  <ng-content></ng-content>\n</svg>\n@if (fConnectionCenters().length) {\n  <div #fConnectionCenter class=\"f-connection-center\">\n    <ng-content select=\"[fConnectionCenter]\"></ng-content>\n  </div>\n}\n\n@if (fConnectionContents().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-center,:host .f-connection-content{pointer-events:all}\n"], dependencies: [{ kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleStartComponent, selector: "circle[f-connection-drag-handle-start]" }, { kind: "component", type: FConnectionDragHandleEndComponent, selector: "circle[f-connection-drag-handle-end]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FSnapConnectionComponent, decorators: [{
             type: Component,
@@ -3244,7 +3504,7 @@ const F_CONNECTION_PROVIDERS = [
  * It constructs a line between the intersections of the connectors rectangles and line from the centers of the connector rectangles
  * @param payload
  */
-function floatingBehavior({ sourceRect, targetRect, }) {
+function floatingBehavior({ sourceRect, targetRect }) {
     return _getIntersectionsLine(_fromRoundedRectIntersections(sourceRect, targetRect), _toRoundedRectIntersections(sourceRect, targetRect), sourceRect, targetRect);
 }
 function _fromRoundedRectIntersections(sourceRect, targetRect) {
@@ -3265,7 +3525,7 @@ function _getIntersectionsLine(from, to, sourceRect, targetRect) {
  * It constructs a line between the gravity centers of the connector rectangles
  * @param payload
  */
-function fixedCenterBehavior({ sourceRect, targetRect, }) {
+function fixedCenterBehavior({ sourceRect, targetRect }) {
     return {
         point1: sourceRect.gravityCenter,
         point2: targetRect.gravityCenter,
@@ -3303,16 +3563,128 @@ function _getPosition(rect, side) {
 }
 
 /**
- * Execution that calculates the connection line based on the behavior.
+ * Small epsilon to treat near-zero differences as negligible.
+ */
+const EPSILON = 0.5;
+/**
+ * Registry of all connection behavior handlers.
+ */
+const BEHAVIOR_HANDLERS = {
+    [EFConnectionBehavior.FLOATING]: floatingBehavior,
+    [EFConnectionBehavior.FIXED_CENTER]: fixedCenterBehavior,
+    [EFConnectionBehavior.FIXED]: fixedOutboundBehavior,
+};
+/**
+ * Calculates connection lines based on behavior rules.
+ * It determines which sides of the source and target should connect,
+ * then delegates to a registered behavior handler.
  */
 let CalculateConnectionLineByBehavior = class CalculateConnectionLineByBehavior {
-    _handlers = {
-        [EFConnectionBehavior.FLOATING.toString()]: floatingBehavior,
-        [EFConnectionBehavior.FIXED_CENTER.toString()]: fixedCenterBehavior,
-        [EFConnectionBehavior.FIXED.toString()]: fixedOutboundBehavior,
-    };
-    handle(payload) {
-        return this._handlers[payload.behavior](payload);
+    /**
+     * Main execution entry point.
+     *
+     * @param request The request containing source, target, and connection details.
+     * @returns A calculated connection line (ILine).
+     */
+    handle(request) {
+        const vectors = this._calculateDirectionalVectors(request.sourceRect.gravityCenter.x, request.sourceRect.gravityCenter.y, request.targetRect.gravityCenter.x, request.targetRect.gravityCenter.y);
+        const sourceSide = this._determineSourceSide(request, vectors);
+        const targetSide = this._determineTargetSide(request, vectors);
+        request.connection._applyResolvedSidesToConnection(sourceSide, targetSide);
+        const handler = this._getBehaviorHandler(request.connection.fBehavior);
+        return handler({
+            sourceRect: request.sourceRect,
+            targetRect: request.targetRect,
+            sourceConnectableSide: sourceSide,
+            targetConnectableSide: targetSide,
+        });
+    }
+    /**
+     * Computes the directional deltas between two rectangles.
+     */
+    _calculateDirectionalVectors(sourceX, sourceY, targetX, targetY) {
+        const sourceToTargetX = targetX - sourceX;
+        const sourceToTargetY = targetY - sourceY;
+        return {
+            sourceToTargetX,
+            sourceToTargetY,
+            targetToSourceX: -sourceToTargetX,
+            targetToSourceY: -sourceToTargetY,
+        };
+    }
+    /**
+     * Determines the side for the source element.
+     */
+    _determineSourceSide(request, vectors) {
+        return this._resolveConnectableSide(request.connection.fOutputSide(), vectors.sourceToTargetX, vectors.sourceToTargetY, request.sourceConnectableSide);
+    }
+    /**
+     * Determines the side for the target element.
+     */
+    _determineTargetSide(request, vectors) {
+        return this._resolveConnectableSide(request.connection.fInputSide(), vectors.targetToSourceX, vectors.targetToSourceY, request.targetConnectableSide);
+    }
+    /**
+     * Resolves which side of a shape to connect to based on direction, fallback, and connection mode.
+     *
+     * @param requestedSide The side mode (e.g. CALCULATE, CALCULATE_HORIZONTAL, FIXED, etc.).
+     * @param deltaX Difference in X between source and target.
+     * @param deltaY Difference in Y between source and target.
+     * @param fallbackSide The default fallback side if calculation is ambiguous.
+     */
+    _resolveConnectableSide(requestedSide, deltaX, deltaY, fallbackSide) {
+        if (requestedSide === EFConnectionConnectableSide.DEFAULT) {
+            return fallbackSide;
+        }
+        const absoluteX = Math.abs(deltaX);
+        const absoluteY = Math.abs(deltaY);
+        const isNearZero = absoluteX < EPSILON && absoluteY < EPSILON;
+        if (isNearZero) {
+            return fallbackSide;
+        }
+        const isHorizontalDominant = absoluteX >= absoluteY;
+        switch (requestedSide) {
+            case EFConnectionConnectableSide.CALCULATE:
+                return isHorizontalDominant
+                    ? deltaX >= 0
+                        ? EFConnectableSide.RIGHT
+                        : EFConnectableSide.LEFT
+                    : deltaY >= 0
+                        ? EFConnectableSide.BOTTOM
+                        : EFConnectableSide.TOP;
+            case EFConnectionConnectableSide.CALCULATE_HORIZONTAL:
+                if (absoluteX < EPSILON) {
+                    return fallbackSide;
+                }
+                return deltaX >= 0 ? EFConnectableSide.RIGHT : EFConnectableSide.LEFT;
+            case EFConnectionConnectableSide.CALCULATE_VERTICAL:
+                if (absoluteY < EPSILON) {
+                    return fallbackSide;
+                }
+                return deltaY >= 0 ? EFConnectableSide.BOTTOM : EFConnectableSide.TOP;
+            case EFConnectionConnectableSide.TOP:
+                return EFConnectableSide.TOP;
+            case EFConnectionConnectableSide.BOTTOM:
+                return EFConnectableSide.BOTTOM;
+            case EFConnectionConnectableSide.LEFT:
+                return EFConnectableSide.LEFT;
+            case EFConnectionConnectableSide.RIGHT:
+                return EFConnectableSide.RIGHT;
+            default:
+                return fallbackSide;
+        }
+    }
+    /**
+     * Returns the appropriate handler for the given connection behavior.
+     *
+     * @throws Error if no handler is registered for the behavior.
+     */
+    _getBehaviorHandler(behavior) {
+        const handler = BEHAVIOR_HANDLERS[behavior];
+        if (!handler) {
+            throw new Error(`[Behavior] No handler for behavior: ${behavior}`);
+        }
+        return handler;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectionLineByBehavior, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectionLineByBehavior });
@@ -3436,12 +3808,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }] });
 
+class DragRectCache {
+    static _cache = new WeakMap();
+    static fromElement(element) {
+        const rect = this._cache.get(element) || RectExtensions.fromElement(element);
+        this._cache.set(element, rect);
+        return rect;
+    }
+    static set(element) {
+        this._cache.set(element, RectExtensions.fromElement(element));
+    }
+    static invalidate(element) {
+        this._cache.delete(element);
+    }
+    static invalidateAll() {
+        this._cache = new WeakMap();
+    }
+}
+
 /**
  * Execution that redraws connections in the FComponentsStore.
  * It resets connectors, sets markers for temporary and snap connections,
  * and sets up connections based on the stored outputs and inputs.
  */
-let RedrawConnectionsExecution = class RedrawConnectionsExecution {
+let RedrawConnections = class RedrawConnections {
     _mediator = inject(FMediator);
     _store = inject(FComponentsStore);
     handle(_request) {
@@ -3455,6 +3845,7 @@ let RedrawConnectionsExecution = class RedrawConnectionsExecution {
         this._store.fConnections.forEach((x) => {
             this._setupConnection(this._getOutput(x.fOutputId()), this._getInput(x.fInputId()), x);
         });
+        DragRectCache.invalidateAll();
     }
     _getOutput(id) {
         const result = this._store.fOutputs.find((x) => x.fId() === id);
@@ -3479,23 +3870,23 @@ let RedrawConnectionsExecution = class RedrawConnectionsExecution {
         fInput.setConnected(fOutput);
         const line = this._getLine(fOutput, fInput, fConnection);
         this._setMarkers(fConnection);
-        fConnection.setLine(line, fOutput.fConnectableSide, fInput.fConnectableSide);
+        fConnection.setLine(line);
         fConnection.initialize();
         fConnection.isSelected() ? fConnection.markAsSelected() : null;
     }
     _getLine(output, input, connection) {
-        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._mediator.execute(new GetNormalizedConnectorRectRequest(output.hostElement)), this._mediator.execute(new GetNormalizedConnectorRectRequest(input.hostElement)), connection.fBehavior, output.fConnectableSide, input.fConnectableSide));
+        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._mediator.execute(new GetNormalizedConnectorRectRequest(output.hostElement)), this._mediator.execute(new GetNormalizedConnectorRectRequest(input.hostElement)), connection, output.fConnectableSide, input.fConnectableSide));
     }
     _setMarkers(connection) {
         this._mediator.execute(new CreateConnectionMarkersRequest(connection));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedrawConnectionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedrawConnectionsExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedrawConnections, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedrawConnections });
 };
-RedrawConnectionsExecution = __decorate([
+RedrawConnections = __decorate([
     FExecutionRegister(RedrawConnectionsRequest)
-], RedrawConnectionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedrawConnectionsExecution, decorators: [{
+], RedrawConnections);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedrawConnections, decorators: [{
             type: Injectable
         }] });
 
@@ -3613,7 +4004,7 @@ const F_CONNECTION_FEATURES = [
     AddSnapConnectionToStoreExecution,
     CreateConnectionMarkersExecution,
     CalculateConnectionLineByBehavior,
-    RedrawConnectionsExecution,
+    RedrawConnections,
     RemoveConnectionForCreateFromStoreExecution,
     RemoveConnectionFromStoreExecution,
     RemoveConnectionMarkerFromStoreExecution,
@@ -4735,15 +5126,15 @@ class FCreateConnectionDragHandler {
         }
     }
     _drawConnectionForCreate(toConnectorRect, fSide) {
-        const line = this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._fOutputWithRect.fRect, toConnectorRect, this._connection.fBehavior, this._fOutputWithRect.fConnector.fConnectableSide, fSide));
-        this._connection.setLine(line, this._fOutputWithRect.fConnector.fConnectableSide, fSide);
+        const line = this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._fOutputWithRect.fRect, toConnectorRect, this._connection, this._fOutputWithRect.fConnector.fConnectableSide, fSide));
+        this._connection.setLine(line);
         this._connection.redraw();
     }
     _drawSnapConnection(fClosestInput) {
         if (fClosestInput) {
-            const line = this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._fOutputWithRect.fRect, fClosestInput.fRect, this._snapConnection.fBehavior, this._fOutputWithRect.fConnector.fConnectableSide, fClosestInput.fConnector.fConnectableSide));
+            const line = this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._fOutputWithRect.fRect, fClosestInput.fRect, this._snapConnection, this._fOutputWithRect.fConnector.fConnectableSide, fClosestInput.fConnector.fConnectableSide));
             this._snapConnection?.show();
-            this._snapConnection?.setLine(line, this._fOutputWithRect.fConnector.fConnectableSide, fClosestInput.fConnector.fConnectableSide);
+            this._snapConnection?.setLine(line);
             this._snapConnection?.redraw();
         }
         else {
@@ -5081,18 +5472,18 @@ class FReassignTargetDragHandler {
     }
     _drawConnection(newPoint, fSide) {
         const line = this._calculateNewLine(newPoint, fSide);
-        this._connection.setLine(line, this._sourceConnectorAndRect.fConnector.fConnectableSide, fSide);
+        this._connection.setLine(line);
         this._connection.redraw();
     }
     _calculateNewLine(targetPoint, fSide) {
-        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._sourceConnectorRect, roundedRectFromPoint(targetPoint), this._connection.fBehavior, this._sourceConnector.fConnectableSide, fSide));
+        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._sourceConnectorRect, roundedRectFromPoint(targetPoint), this._connection, this._sourceConnector.fConnectableSide, fSide));
     }
     _drawSnapConnection(closestConnector) {
         const snapConnection = this._snapConnection;
         if (closestConnector) {
             const line = this._getLineToClosestTargetConnector(closestConnector, snapConnection);
             snapConnection.show();
-            snapConnection.setLine(line, this._sourceConnector.fConnectableSide, closestConnector.fConnector.fConnectableSide);
+            snapConnection.setLine(line);
             snapConnection.redraw();
         }
         else {
@@ -5100,7 +5491,7 @@ class FReassignTargetDragHandler {
         }
     }
     _getLineToClosestTargetConnector(fClosestInput, snapConnection) {
-        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._sourceConnectorRect, fClosestInput.fRect, snapConnection.fBehavior, this._sourceConnector.fConnectableSide, fClosestInput.fConnector.fConnectableSide));
+        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._sourceConnectorRect, fClosestInput.fRect, snapConnection, this._sourceConnector.fConnectableSide, fClosestInput.fConnector.fConnectableSide));
     }
     onPointerUp() {
         this._drawConnection(this._connectorRect, this._targetConnectorAndRect.fConnector.fConnectableSide);
@@ -5162,18 +5553,18 @@ class FReassignSourceDragHandler {
     }
     _drawConnection(newPoint, fSide) {
         const line = this._calculateNewLine(newPoint, fSide);
-        this._connection.setLine(line, fSide, this._targetConnectorAndRect.fConnector.fConnectableSide);
+        this._connection.setLine(line);
         this._connection.redraw();
     }
     _calculateNewLine(sourcePoint, fSide) {
-        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(roundedRectFromPoint(sourcePoint), this._targetConnectorAndRect.fRect, this._connection.fBehavior, fSide, this._targetConnectorAndRect.fConnector.fConnectableSide));
+        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(roundedRectFromPoint(sourcePoint), this._targetConnectorAndRect.fRect, this._connection, fSide, this._targetConnectorAndRect.fConnector.fConnectableSide));
     }
     _drawSnapConnection(fClosestConnector) {
         const snapConnection = this._snapConnection;
         if (fClosestConnector) {
             const line = this._getLineToClosestSourceConnector(fClosestConnector, snapConnection);
             snapConnection.show();
-            snapConnection.setLine(line, fClosestConnector.fConnector.fConnectableSide, this._targetConnector.fConnectableSide);
+            snapConnection.setLine(line);
             snapConnection.redraw();
         }
         else {
@@ -5181,7 +5572,7 @@ class FReassignSourceDragHandler {
         }
     }
     _getLineToClosestSourceConnector(fClosestInput, snapConnection) {
-        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(fClosestInput.fRect, this._targetConnectorAndRect.fRect, snapConnection.fBehavior, fClosestInput.fConnector.fConnectableSide, this._targetConnector.fConnectableSide));
+        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(fClosestInput.fRect, this._targetConnectorAndRect.fRect, snapConnection, fClosestInput.fConnector.fConnectableSide, this._targetConnector.fConnectableSide));
     }
     onPointerUp() {
         this._drawConnection(this._connectorRect, this._sourceConnectorAndRect.fConnector.fConnectableSide);
@@ -5550,10 +5941,10 @@ class BaseConnectionDragHandler {
         this._redrawConnection(this._recalculateConnection());
     }
     _recalculateConnection() {
-        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(RoundedRect.fromRoundedRect(this._fOutputWithRect.fRect).addPoint(this._sourceDifference), RoundedRect.fromRoundedRect(this._fInputWithRect.fRect).addPoint(this._targetDifference), this.fConnection.fBehavior, this._fOutputWithRect.fConnector.fConnectableSide, this._fInputWithRect.fConnector.fConnectableSide));
+        return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(RoundedRect.fromRoundedRect(this._fOutputWithRect.fRect).addPoint(this._sourceDifference), RoundedRect.fromRoundedRect(this._fInputWithRect.fRect).addPoint(this._targetDifference), this.fConnection, this._fOutputWithRect.fConnector.fConnectableSide, this._fInputWithRect.fConnector.fConnectableSide));
     }
     _redrawConnection(line) {
-        this.fConnection.setLine(line, this._fOutputWithRect.fConnector.fConnectableSide, this._fInputWithRect.fConnector.fConnectableSide);
+        this.fConnection.setLine(line);
         this.fConnection.redraw();
     }
     _connectorNotFoundPrefix(message) {
@@ -8900,6 +9291,7 @@ class FDraggableDirective extends FDraggableBase {
         this._mediator.execute(new EndDragSequenceRequest());
     }
     finalizeDragSequence() {
+        DragRectCache.invalidateAll();
         this._mediator.execute(new EmitSelectionChangeEventRequest());
         this._result.clear();
     }
@@ -9782,7 +10174,7 @@ class MoveFrontElementsBeforeTargetElementRequest {
  * Execution that moves elements in the FItemsContainer before a target element.
  * It removes elements that should not be in front and inserts them before the target element.
  */
-let MoveFrontElementsBeforeTargetElementExecution = class MoveFrontElementsBeforeTargetElementExecution {
+let MoveFrontElementsBeforeTargetElement = class MoveFrontElementsBeforeTargetElement {
     handle(request) {
         const elementsToMove = [];
         for (let i = request.targetIndex + 1; i < request.allElements.length; i++) {
@@ -9796,13 +10188,13 @@ let MoveFrontElementsBeforeTargetElementExecution = class MoveFrontElementsBefor
             request.fItemsContainer.insertBefore(x, request.allElements[request.targetIndex]);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MoveFrontElementsBeforeTargetElement, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MoveFrontElementsBeforeTargetElement });
 };
-MoveFrontElementsBeforeTargetElementExecution = __decorate([
+MoveFrontElementsBeforeTargetElement = __decorate([
     FExecutionRegister(MoveFrontElementsBeforeTargetElementRequest)
-], MoveFrontElementsBeforeTargetElementExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MoveFrontElementsBeforeTargetElementExecution, decorators: [{
+], MoveFrontElementsBeforeTargetElement);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MoveFrontElementsBeforeTargetElement, decorators: [{
             type: Injectable
         }] });
 
@@ -9994,7 +10386,7 @@ let EmitSelectionChangeEventExecution = class EmitSelectionChangeEventExecution
         return this._store.fDraggable.fSelectionChange;
     }
     _dragContext = inject(FDraggableDataContext);
-    handle(request) {
+    handle(_request) {
         if (!this._dragContext.isSelectedChanged) {
             return;
         }
@@ -10689,10 +11081,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class GetParentNodesRequest {
-    fNode;
+    nodeOrGroup;
     static fToken = Symbol('GetParentNodesRequest');
-    constructor(fNode) {
-        this.fNode = fNode;
+    constructor(nodeOrGroup) {
+        this.nodeOrGroup = nodeOrGroup;
     }
 }
 
@@ -10701,15 +11093,15 @@ class GetParentNodesRequest {
  */
 let GetParentNodes = class GetParentNodes {
     _store = inject(FComponentsStore);
-    handle(request) {
-        return this._getParentNodes(request.fNode, new Set(), []);
+    handle({ nodeOrGroup }) {
+        return this._getParentNodes(nodeOrGroup, new Set(), []);
     }
-    _getParentNodes(fNode, visited, result) {
-        if (visited.has(fNode.fId())) {
-            throw new Error('Circular reference detected in the node hierarchy. Node id: ' + fNode.fId());
+    _getParentNodes(nodeOrGroup, visited, result) {
+        if (visited.has(nodeOrGroup.fId())) {
+            throw new Error('Circular reference detected in the node hierarchy. Node id: ' + nodeOrGroup.fId());
         }
-        visited.add(fNode.fId());
-        const parent = this._store.fNodes.find((x) => x.fId() === fNode.fParentId());
+        visited.add(nodeOrGroup.fId());
+        const parent = this._store.fNodes.find((x) => x.fId() === nodeOrGroup.fParentId());
         if (!parent) {
             return result;
         }
@@ -10772,10 +11164,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class RemoveNodeFromStoreRequest {
-    fComponent;
+    instance;
     static fToken = Symbol('RemoveNodeFromStoreRequest');
-    constructor(fComponent) {
-        this.fComponent = fComponent;
+    constructor(instance) {
+        this.instance = instance;
     }
 }
 
@@ -10784,8 +11176,8 @@ class RemoveNodeFromStoreRequest {
  */
 let RemoveNodeFromStore = class RemoveNodeFromStore {
     _store = inject(FComponentsStore);
-    handle(request) {
-        this._store.removeComponent(this._store.fNodes, request.fComponent);
+    handle({ instance }) {
+        this._store.removeComponent(this._store.fNodes, instance);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveNodeFromStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveNodeFromStore });
@@ -11331,28 +11723,28 @@ const F_FLOW_FEATURES = [
 ];
 
 class AddLineAlignmentToStoreRequest {
-    fComponent;
+    instance;
     static fToken = Symbol('AddLineAlignmentToStoreRequest');
-    constructor(fComponent) {
-        this.fComponent = fComponent;
+    constructor(instance) {
+        this.instance = instance;
     }
 }
 
 /**
  * Execution that adds a line alignment to the FComponentsStore.
  */
-let AddLineAlignmentToStoreExecution = class AddLineAlignmentToStoreExecution {
+let AddLineAlignmentToStore = class AddLineAlignmentToStore {
     _store = inject(FComponentsStore);
-    handle(request) {
-        this._store.fLineAlignment = request.fComponent;
+    handle({ instance }) {
+        this._store.fLineAlignment = instance;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStoreExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStore });
 };
-AddLineAlignmentToStoreExecution = __decorate([
+AddLineAlignmentToStore = __decorate([
     FExecutionRegister(AddLineAlignmentToStoreRequest)
-], AddLineAlignmentToStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStoreExecution, decorators: [{
+], AddLineAlignmentToStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStore, decorators: [{
             type: Injectable
         }] });
 
@@ -11363,18 +11755,18 @@ class RemoveLineAlignmentFromStoreRequest {
 /**
  * Execution that removes a line alignment from the FComponentsStore.
  */
-let RemoveLineAlignmentFromStoreExecution = class RemoveLineAlignmentFromStoreExecution {
+let RemoveLineAlignmentFromStore = class RemoveLineAlignmentFromStore {
     _store = inject(FComponentsStore);
-    handle(request) {
+    handle(_request) {
         this._store.fLineAlignment = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStoreExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStore });
 };
-RemoveLineAlignmentFromStoreExecution = __decorate([
+RemoveLineAlignmentFromStore = __decorate([
     FExecutionRegister(RemoveLineAlignmentFromStoreRequest)
-], RemoveLineAlignmentFromStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStoreExecution, decorators: [{
+], RemoveLineAlignmentFromStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStore, decorators: [{
             type: Injectable
         }] });
 
@@ -11383,10 +11775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * These executions handle the addition and removal of line alignments
  * in the FComponentsStore.
  */
-const F_LINE_ALIGNMENT_FEATURES = [
-    AddLineAlignmentToStoreExecution,
-    RemoveLineAlignmentFromStoreExecution,
-];
+const F_LINE_ALIGNMENT_FEATURES = [AddLineAlignmentToStore, RemoveLineAlignmentFromStore];
 
 class AddZoomToStoreRequest {
     fComponent;
@@ -11764,7 +12153,7 @@ const COMMON_PROVIDERS = [
     SortItemsByParentExecution,
     SortNodeLayersExecution,
     UpdateItemAndChildrenLayersExecution,
-    MoveFrontElementsBeforeTargetElementExecution,
+    MoveFrontElementsBeforeTargetElement,
 ];
 
 let uniqueId$2 = 0;
@@ -12410,7 +12799,7 @@ class FFlowComponent extends FFlowBase {
             ...COMMON_PROVIDERS,
             ...F_DRAGGABLE_PROVIDERS,
             { provide: F_FLOW, useExisting: FFlowComponent },
-        ], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}::ng-deep .f-connection-content{position:fixed;left:0;top:0;pointer-events:all;transform-origin:50% 50%;will-change:transform}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FFlowComponent, decorators: [{
             type: Component,
@@ -12425,7 +12814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ...COMMON_PROVIDERS,
                         ...F_DRAGGABLE_PROVIDERS,
                         { provide: F_FLOW, useExisting: FFlowComponent },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}::ng-deep .f-connection-content{position:fixed;left:0;top:0;pointer-events:all;transform-origin:50% 50%;will-change:transform}\n"] }]
         }] });
 
 const F_FLOW_PROVIDERS = [
@@ -12639,5 +13028,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddBackgroundToStoreExecution, AddBackgroundToStoreRequest, AddCanvasToStoreExecution, AddCanvasToStoreRequest, AddConnectionForCreateToStoreExecution, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStoreExecution, AddConnectionMarkerToStoreRequest, AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddDndToStoreExecution, AddDndToStoreRequest, AddFlowToStoreExecution, AddFlowToStoreRequest, AddInputToStore, AddInputToStoreRequest, AddLineAlignmentToStoreExecution, AddLineAlignmentToStoreRequest, AddNodeToStore, AddNodeToStoreRequest, AddOutletToStore, AddOutletToStoreRequest, AddOutputToStore, AddOutputToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, AddSnapConnectionToStoreExecution, AddSnapConnectionToStoreRequest, AddZoomToStoreExecution, AddZoomToStoreRequest, ApplyChildResizeConstraints, ApplyChildResizeConstraintsRequest, ApplyParentResizeConstraints, ApplyParentResizeConstraintsRequest, BaseConnectionDragHandler, BuildDragHierarchy, BuildDragHierarchyRequest, BuildDragHierarchyResponse, CALCULATABLE_SIDES, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTABLE_SIDE_EPSILON, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedRectFromDifference, CalculateChangedRectFromDifferenceRequest, CalculateClosestConnector, CalculateClosestConnectorRequest, CalculateConnectableSideByConnectedPositions, CalculateConnectableSideByConnectedPositionsRequest, CalculateConnectableSideByInternalPosition, CalculateConnectableSideByInternalPositionRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectionLineByBehavior, CalculateConnectionLineByBehaviorRequest, CalculateConnectorsConnectableSides, CalculateConnectorsConnectableSidesRequest, CalculateDirectChildrenUnionRect, CalculateDirectChildrenUnionRectRequest, CalculateDragLimits, CalculateDragLimitsRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateInputConnections, CalculateInputConnectionsRequest, CalculateNodesBoundingBox, CalculateNodesBoundingBoxNormalizedPosition, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CalculateOutputConnections, CalculateOutputConnectionsRequest, CalculateResizeLimits, CalculateResizeLimitsRequest, CalculateSourceConnectorsToConnect, CalculateSourceConnectorsToConnectRequest, CalculateTargetConnectorsToConnect, CalculateTargetConnectorsToConnectRequest, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionContentLayoutEngine, CreateConnectionFromOutputPreparation, CreateConnectionFromOutputPreparationRequest, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateConnectionPreparation, CreateConnectionPreparationRequest, CreateDragModelFromSelection, CreateDragModelFromSelectionRequest, CreateInputConnectionHandlerAndSetToNodeHandler, CreateInputConnectionHandlerAndSetToNodeHandlerRequest, CreateOutputConnectionHandlerAndSetToNodeHandler, CreateOutputConnectionHandlerAndSetToNodeHandlerRequest, CreateSnapLines, CreateSnapLinesRequest, CreateSummaryDragHandler, CreateSummaryDragHandlerRequest, DRAG_AND_DROP_COMMON_PROVIDERS, Deprecated, DragAndDropBase, DragConstraintPipeline, DropToGroupFinalize, DropToGroupFinalizeRequest, DropToGroupPreparation, DropToGroupPreparationRequest, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, EventExtensions, ExternalRectConstraint, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCanvasDragHandler, FCanvasMoveFinalizeExecution, FCanvasMoveFinalizeRequest, FCanvasMovePreparationExecution, FCanvasMovePreparationRequest, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionContent, FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FConnectorsStore, FCreateConnectionDragHandler, FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionDragHandlerPreparationRequest, FCreateConnectionEvent, FCreateConnectionFinalizeExecution, FCreateConnectionFinalizeRequest, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutletPreparationRequest, FCreateNodeEvent, FDragBlockerDirective, FDragHandleDirective, FDragHandlerResult, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemCreatePlaceholderExecution, FExternalItemCreatePlaceholderRequest, FExternalItemCreatePreviewExecution, FExternalItemCreatePreviewRequest, FExternalItemDirective, FExternalItemDragHandler, FExternalItemFinalizeExecution, FExternalItemFinalizeRequest, FExternalItemPlaceholderDirective, FExternalItemPreparationExecution, FExternalItemPreparationRequest, FExternalItemPreviewDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FMoveNodesEvent, FNodeBase, FNodeDirective, FNodeDropToGroupDragHandler, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeMoveFinalizeExecution, FNodeMoveFinalizeRequest, FNodeMovePreparationExecution, FNodeMovePreparationRequest, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeRotateDragHandler, FNodeRotateFinalizeExecution, FNodeRotateFinalizeRequest, FNodeRotatePreparationExecution, FNodeRotatePreparationRequest, FReassignConnectionDragHandler, FReassignConnectionEvent, FReassignConnectionFinalizeExecution, FReassignConnectionFinalizeRequest, FReassignConnectionPreparationExecution, FReassignConnectionPreparationRequest, FReassignSourceDragHandler, FReassignTargetDragHandler, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSingleSelectExecution, FSingleSelectRequest, FSnapConnectionComponent, FSourceConnectorBase, FStraightPathBuilder, FZoomBase, FZoomDirective, F_AFTER_MAIN_PLUGIN, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_BEFORE_MAIN_PLUGIN, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_FEATURES, F_CONNECTION_IDENTIFIERS, F_CONNECTION_PROVIDERS, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_CSS_CLASS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_FEATURES, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, F_NODE_FEATURES, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_NODE_PROVIDERS, F_SELECTED_CLASS, F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS, F_SELECTION_AREA_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_ZOOM, F_ZOOM_FEATURES, F_ZOOM_PROVIDERS, F_ZOOM_TAG, FindConnectableConnectorUsingPriorityAndPositionExecution, FindConnectableConnectorUsingPriorityAndPositionRequest, FitToChildNodesAndGroups, FitToChildNodesAndGroupsRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetChildNodeIds, GetChildNodeIdsRequest, GetConnectorAndRect, GetConnectorAndRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFirstConnectableOutputExecution, GetFirstConnectableOutputRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetNodeBoundingIncludePaddings, GetNodeBoundingIncludePaddingsRequest, GetNodeBoundingIncludePaddingsResponse, GetNodePadding, GetNodePaddingRequest, GetNormalizedConnectorRectExecution, GetNormalizedConnectorRectRequest, GetNormalizedElementRectExecution, GetNormalizedElementRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetNormalizedPointExecution, GetNormalizedPointRequest, GetParentNodes, GetParentNodesRequest, IMouseEvent, IPointerEvent, IPointerUpEvent, ITouchDownEvent, ITouchMoveEvent, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsDragStarted, IsDragStartedRequest, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, LogExecutionTime, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MOUSE_EVENT_IGNORE_TIME, MarkConnectableConnectors, MarkConnectableConnectorsRequest, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveDragHandler, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, MoveSummaryDragHandler, NODE_DROP_TO_GROUP_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_PROVIDERS, NODE_ROTATE_PROVIDERS, NodeResizeDragHandler, NodeResizeFinalize, NodeResizeFinalizeRequest, NodeResizePreparation, NodeResizePreparationRequest, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, Polyline, PolylineContentAlign, PolylineContentPlace, PolylineSampler, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, RESIZE_DIRECTIONS, RectConstraint, RedrawCanvasWithAnimationExecution, RedrawCanvasWithAnimationRequest, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveBackgroundFromStoreExecution, RemoveBackgroundFromStoreRequest, RemoveCanvasFromStoreExecution, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStoreExecution, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStoreExecution, RemoveConnectionMarkerFromStoreRequest, RemoveDndFromStoreExecution, RemoveDndFromStoreRequest, RemoveFlowFromStoreExecution, RemoveFlowFromStoreRequest, RemoveInputFromStore, RemoveInputFromStoreRequest, RemoveLineAlignmentFromStoreExecution, RemoveLineAlignmentFromStoreRequest, RemoveNodeFromStore, RemoveNodeFromStoreRequest, RemoveOutletFromStoreExecution, RemoveOutletFromStoreRequest, RemoveOutputFromStoreExecution, RemoveOutputFromStoreRequest, RemoveSnapConnectionFromStoreExecution, RemoveSnapConnectionFromStoreRequest, RemoveZoomFromStoreExecution, RemoveZoomFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, ResetZoomExecution, ResetZoomRequest, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SetZoomExecution, SetZoomRequest, SnapLineElement, SnapLineService, SnapLinesDragHandler, SnapToGrid, SortContainersForDropByLayer, SortContainersForDropByLayerRequest, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SourceConnectionDragHandler, SourceTargetConnectionDragHandler, StartDragSequenceExecution, StartDragSequenceRequest, TargetConnectionDragHandler, UnmarkConnectableConnectors, UnmarkConnectableConnectorsRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChanged, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, defaultEventTrigger, determineSide, expandRectFromBaseline, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, infinityMinMax, isCalculateMode, isClosestConnectorInsideSnapThreshold, isDragBlocker, isDragHandleEnd, isDragHandleStart, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isPointerInsideStartOrEndDragHandles, isRotateHandle, isValidEventTrigger, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, roundedRectFromPoint, stringAttribute, transitionEnd };
+export { AdaptiveCurveBuilder, AddBackgroundToStoreExecution, AddBackgroundToStoreRequest, AddCanvasToStoreExecution, AddCanvasToStoreRequest, AddConnectionForCreateToStoreExecution, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStoreExecution, AddConnectionMarkerToStoreRequest, AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddDndToStoreExecution, AddDndToStoreRequest, AddFlowToStoreExecution, AddFlowToStoreRequest, AddInputToStore, AddInputToStoreRequest, AddLineAlignmentToStore, AddLineAlignmentToStoreRequest, AddNodeToStore, AddNodeToStoreRequest, AddOutletToStore, AddOutletToStoreRequest, AddOutputToStore, AddOutputToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, AddSnapConnectionToStoreExecution, AddSnapConnectionToStoreRequest, AddZoomToStoreExecution, AddZoomToStoreRequest, ApplyChildResizeConstraints, ApplyChildResizeConstraintsRequest, ApplyParentResizeConstraints, ApplyParentResizeConstraintsRequest, BaseConnectionDragHandler, BuildDragHierarchy, BuildDragHierarchyRequest, BuildDragHierarchyResponse, CALCULATABLE_SIDES, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTABLE_SIDE_EPSILON, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedRectFromDifference, CalculateChangedRectFromDifferenceRequest, CalculateClosestConnector, CalculateClosestConnectorRequest, CalculateConnectableSideByConnectedPositions, CalculateConnectableSideByConnectedPositionsRequest, CalculateConnectableSideByInternalPosition, CalculateConnectableSideByInternalPositionRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectionLineByBehavior, CalculateConnectionLineByBehaviorRequest, CalculateConnectorsConnectableSides, CalculateConnectorsConnectableSidesRequest, CalculateDirectChildrenUnionRect, CalculateDirectChildrenUnionRectRequest, CalculateDragLimits, CalculateDragLimitsRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateInputConnections, CalculateInputConnectionsRequest, CalculateNodesBoundingBox, CalculateNodesBoundingBoxNormalizedPosition, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CalculateOutputConnections, CalculateOutputConnectionsRequest, CalculateResizeLimits, CalculateResizeLimitsRequest, CalculateSourceConnectorsToConnect, CalculateSourceConnectorsToConnectRequest, CalculateTargetConnectorsToConnect, CalculateTargetConnectorsToConnectRequest, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionContentLayoutEngine, CreateConnectionFromOutputPreparation, CreateConnectionFromOutputPreparationRequest, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateConnectionPreparation, CreateConnectionPreparationRequest, CreateDragModelFromSelection, CreateDragModelFromSelectionRequest, CreateInputConnectionHandlerAndSetToNodeHandler, CreateInputConnectionHandlerAndSetToNodeHandlerRequest, CreateOutputConnectionHandlerAndSetToNodeHandler, CreateOutputConnectionHandlerAndSetToNodeHandlerRequest, CreateSnapLines, CreateSnapLinesRequest, CreateSummaryDragHandler, CreateSummaryDragHandlerRequest, DRAG_AND_DROP_COMMON_PROVIDERS, Deprecated, DragAndDropBase, DragConstraintPipeline, DragRectCache, DropToGroupFinalize, DropToGroupFinalizeRequest, DropToGroupPreparation, DropToGroupPreparationRequest, EFConnectableSide, EFConnectionBehavior, EFConnectionConnectableSide, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, EventExtensions, ExternalRectConstraint, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCanvasDragHandler, FCanvasMoveFinalizeExecution, FCanvasMoveFinalizeRequest, FCanvasMovePreparationExecution, FCanvasMovePreparationRequest, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionContent, FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FConnectorsStore, FCreateConnectionDragHandler, FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionDragHandlerPreparationRequest, FCreateConnectionEvent, FCreateConnectionFinalizeExecution, FCreateConnectionFinalizeRequest, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutletPreparationRequest, FCreateNodeEvent, FDragBlockerDirective, FDragHandleDirective, FDragHandlerResult, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemCreatePlaceholderExecution, FExternalItemCreatePlaceholderRequest, FExternalItemCreatePreviewExecution, FExternalItemCreatePreviewRequest, FExternalItemDirective, FExternalItemDragHandler, FExternalItemFinalizeExecution, FExternalItemFinalizeRequest, FExternalItemPlaceholderDirective, FExternalItemPreparationExecution, FExternalItemPreparationRequest, FExternalItemPreviewDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FMoveNodesEvent, FNodeBase, FNodeDirective, FNodeDropToGroupDragHandler, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeMoveFinalizeExecution, FNodeMoveFinalizeRequest, FNodeMovePreparationExecution, FNodeMovePreparationRequest, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeRotateDragHandler, FNodeRotateFinalizeExecution, FNodeRotateFinalizeRequest, FNodeRotatePreparationExecution, FNodeRotatePreparationRequest, FReassignConnectionDragHandler, FReassignConnectionEvent, FReassignConnectionFinalizeExecution, FReassignConnectionFinalizeRequest, FReassignConnectionPreparationExecution, FReassignConnectionPreparationRequest, FReassignSourceDragHandler, FReassignTargetDragHandler, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSingleSelectExecution, FSingleSelectRequest, FSnapConnectionComponent, FSourceConnectorBase, FStraightPathBuilder, FZoomBase, FZoomDirective, F_AFTER_MAIN_PLUGIN, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_BEFORE_MAIN_PLUGIN, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_FEATURES, F_CONNECTION_IDENTIFIERS, F_CONNECTION_PROVIDERS, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_CSS_CLASS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_FEATURES, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, F_NODE_FEATURES, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_NODE_PROVIDERS, F_SELECTED_CLASS, F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS, F_SELECTION_AREA_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_ZOOM, F_ZOOM_FEATURES, F_ZOOM_PROVIDERS, F_ZOOM_TAG, FindConnectableConnectorUsingPriorityAndPositionExecution, FindConnectableConnectorUsingPriorityAndPositionRequest, FitToChildNodesAndGroups, FitToChildNodesAndGroupsRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetChildNodeIds, GetChildNodeIdsRequest, GetConnectorAndRect, GetConnectorAndRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFirstConnectableOutputExecution, GetFirstConnectableOutputRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetNodeBoundingIncludePaddings, GetNodeBoundingIncludePaddingsRequest, GetNodeBoundingIncludePaddingsResponse, GetNodePadding, GetNodePaddingRequest, GetNormalizedConnectorRectExecution, GetNormalizedConnectorRectRequest, GetNormalizedElementRectExecution, GetNormalizedElementRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetNormalizedPointExecution, GetNormalizedPointRequest, GetParentNodes, GetParentNodesRequest, IMouseEvent, IPointerEvent, IPointerUpEvent, ITouchDownEvent, ITouchMoveEvent, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsDragStarted, IsDragStartedRequest, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, LogExecutionTime, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MOUSE_EVENT_IGNORE_TIME, MarkConnectableConnectors, MarkConnectableConnectorsRequest, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveDragHandler, MoveFrontElementsBeforeTargetElement, MoveFrontElementsBeforeTargetElementRequest, MoveSummaryDragHandler, NODE_DROP_TO_GROUP_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_PROVIDERS, NODE_ROTATE_PROVIDERS, NodeResizeDragHandler, NodeResizeFinalize, NodeResizeFinalizeRequest, NodeResizePreparation, NodeResizePreparationRequest, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, Polyline, PolylineContentAlign, PolylineContentPlace, PolylineSampler, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, RESIZE_DIRECTIONS, RectConstraint, RedrawCanvasWithAnimationExecution, RedrawCanvasWithAnimationRequest, RedrawConnections, RedrawConnectionsRequest, RemoveBackgroundFromStoreExecution, RemoveBackgroundFromStoreRequest, RemoveCanvasFromStoreExecution, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStoreExecution, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStoreExecution, RemoveConnectionMarkerFromStoreRequest, RemoveDndFromStoreExecution, RemoveDndFromStoreRequest, RemoveFlowFromStoreExecution, RemoveFlowFromStoreRequest, RemoveInputFromStore, RemoveInputFromStoreRequest, RemoveLineAlignmentFromStore, RemoveLineAlignmentFromStoreRequest, RemoveNodeFromStore, RemoveNodeFromStoreRequest, RemoveOutletFromStoreExecution, RemoveOutletFromStoreRequest, RemoveOutputFromStoreExecution, RemoveOutputFromStoreRequest, RemoveSnapConnectionFromStoreExecution, RemoveSnapConnectionFromStoreRequest, RemoveZoomFromStoreExecution, RemoveZoomFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, ResetZoomExecution, ResetZoomRequest, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SetZoomExecution, SetZoomRequest, SnapLineElement, SnapLineService, SnapLinesDragHandler, SnapToGrid, SortContainersForDropByLayer, SortContainersForDropByLayerRequest, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SourceConnectionDragHandler, SourceTargetConnectionDragHandler, StartDragSequenceExecution, StartDragSequenceRequest, TargetConnectionDragHandler, UnmarkConnectableConnectors, UnmarkConnectableConnectorsRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChanged, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, defaultEventTrigger, determineSide, expandRectFromBaseline, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, infinityMinMax, isCalculateMode, isClosestConnectorInsideSnapThreshold, isDragBlocker, isDragHandleEnd, isDragHandleStart, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isPointerInsideStartOrEndDragHandles, isRotateHandle, isValidEventTrigger, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, roundedRectFromPoint, stringAttribute, transitionEnd };
 //# sourceMappingURL=foblex-flow.mjs.map