@foblex/flow 17.8.3 → 17.8.5

package/fesm2022/foblex-flow.mjs

@@ -278,6 +278,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }] });
 
+class FConnectorsStore {
+    _connectors = {};
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectorsStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectorsStore });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FConnectorsStore, decorators: [{
+            type: Injectable
+        }] });
+
 const F_STORAGE_PROVIDERS = [
     NotifyDataChangedExecution,
     ListenCountChangesExecution,
@@ -1098,6 +1107,8 @@ var EFConnectableSide;
     EFConnectableSide["RIGHT"] = "right";
     EFConnectableSide["BOTTOM"] = "bottom";
     EFConnectableSide["CALCULATE"] = "calculate";
+    EFConnectableSide["CALCULATE_HORIZONTAL"] = "calculate_horizontal";
+    EFConnectableSide["CALCULATE_VERTICAL"] = "calculate_vertical";
     EFConnectableSide["AUTO"] = "auto";
 })(EFConnectableSide || (EFConnectableSide = {}));
 
@@ -1427,7 +1438,7 @@ class FGroupDirective extends FNodeBase {
         this._debounceTimer = setTimeout(() => this._calculateNodeConnectorsConnectableSides(), _DEBOUNCE_TIME$2);
     }
     _calculateNodeConnectorsConnectableSides() {
-        this._mediator.execute(new CalculateNodeConnectorsConnectableSidesRequest(this));
+        this._mediator.execute(new CalculateConnectorsConnectableSidesRequest(this));
     }
     ngAfterViewInit() {
         if (!this.browser.isBrowser()) {
@@ -1554,7 +1565,7 @@ class FNodeDirective extends FNodeBase {
         this._debounceTimer = setTimeout(() => this._calculateNodeConnectorsConnectableSides(), _DEBOUNCE_TIME$1);
     }
     _calculateNodeConnectorsConnectableSides() {
-        this._mediator.execute(new CalculateNodeConnectorsConnectableSidesRequest(this));
+        this._mediator.execute(new CalculateConnectorsConnectableSidesRequest(this));
     }
     ngAfterViewInit() {
         if (!this.browser.isBrowser()) {
@@ -2220,6 +2231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     }, providers: [{ provide: CONNECTION_TEXT, useExisting: FConnectionTextComponent }], template: "<ng-container xmlns:svg=\"http://www.w3.org/2000/svg\">\n    <svg:textPath f-connection-text-path>\n        {{ text }}\n    </svg:textPath>\n</ng-container>\n" }]
         }] });
 
+/* eslint-disable */
 const F_CSS_CLASS = {
     DRAG_AND_DROP: {
         DRAGGING: 'f-dragging',
@@ -3361,6 +3373,9 @@ let GetNormalizedPointExecution = class GetNormalizedPointExecution {
     // +------------------------------------------+
     // Transform from the browser window to the canvas coordinates:
     handle(request) {
+        if (!this._store.flowHost) {
+            return request.position;
+        }
         return Point.fromPoint(request.position)
             .elementTransform(this._store.flowHost)
             .sub(this._transform.scaledPosition)
@@ -3837,11 +3852,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }] });
 
-class GetAllCanBeConnectedInputsAndRectsRequest {
-    outputOrOutlet;
-    static fToken = Symbol('GetAllCanBeConnectedInputsAndRectsRequest');
-    constructor(outputOrOutlet) {
-        this.outputOrOutlet = outputOrOutlet;
+class CalculateTargetConnectorsToConnectRequest {
+    sourceConnector;
+    pointerPosition;
+    static fToken = Symbol('CalculateTargetConnectorsToConnectRequest');
+    constructor(sourceConnector, pointerPosition) {
+        this.sourceConnector = sourceConnector;
+        this.pointerPosition = pointerPosition;
     }
 }
 
@@ -3877,245 +3894,341 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }] });
 
+class AddNodeToStoreRequest {
+    nodeOrGroup;
+    static fToken = Symbol('AddNodeToStoreRequest');
+    constructor(nodeOrGroup) {
+        this.nodeOrGroup = nodeOrGroup;
+    }
+}
+
 /**
- * Execution that retrieves all input connectors that can be connected to a given output or outlet connector,
+ * Execution that adds a Node to the FComponentsStore.
  */
-let GetAllCanBeConnectedInputsAndRectsExecution = class GetAllCanBeConnectedInputsAndRectsExecution {
-    _mediator = inject(FMediator);
+let AddNodeToStore = class AddNodeToStore {
     _store = inject(FComponentsStore);
-    get _targetConnectors() {
-        return this._store.fInputs;
-    }
-    handle({ outputOrOutlet, }) {
-        return this._getCanBeConnectedInputs(outputOrOutlet).map((x) => {
-            return this._mediator.execute(new GetConnectorAndRectRequest(x));
-        });
-    }
-    _getCanBeConnectedInputs(outputOrOutlet) {
-        let targetConnectors = [];
-        if (outputOrOutlet.hasConnectionLimits) {
-            targetConnectors = this._targetConnectors.filter((x) => outputOrOutlet.canConnectTo(x));
-        }
-        else {
-            targetConnectors = this._targetConnectors.filter((x) => x.canBeConnected);
-            if (!outputOrOutlet.isSelfConnectable) {
-                targetConnectors = this._filterSelfConnectable(targetConnectors, outputOrOutlet);
-            }
-        }
-        return targetConnectors;
-    }
-    _filterSelfConnectable(targetConnectors, outputOrOutlet) {
-        return targetConnectors.filter(({ fNodeId }) => outputOrOutlet.fNodeId !== fNodeId);
+    handle(request) {
+        this._store.addComponent(this._store.fNodes, request.nodeOrGroup);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetAllCanBeConnectedInputsAndRectsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetAllCanBeConnectedInputsAndRectsExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddNodeToStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddNodeToStore });
 };
-GetAllCanBeConnectedInputsAndRectsExecution = __decorate([
-    FExecutionRegister(GetAllCanBeConnectedInputsAndRectsRequest)
-], GetAllCanBeConnectedInputsAndRectsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetAllCanBeConnectedInputsAndRectsExecution, decorators: [{
+AddNodeToStore = __decorate([
+    FExecutionRegister(AddNodeToStoreRequest)
+], AddNodeToStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddNodeToStore, decorators: [{
             type: Injectable
         }] });
 
-class GetAllCanBeConnectedSourceConnectorsAndRectsRequest {
-    targetConnector;
-    static fToken = Symbol('GetAllCanBeConnectedSourceConnectorsAndRectsRequest');
-    constructor(targetConnector) {
-        this.targetConnector = targetConnector;
+class CalculateInputConnectionsRequest {
+    nodeOrGroup;
+    static fToken = Symbol('CalculateInputConnectionsRequest');
+    constructor(nodeOrGroup) {
+        this.nodeOrGroup = nodeOrGroup;
     }
 }
 
 /**
- * Execution that retrieves all source connectors that can be connected to a given target connector,
- * along with their rectangles.
- * Source - Output or Outlet connectors.
+ * Execution that calculates input connections for a given FNode.
  */
-let GetAllCanBeConnectedSourceConnectorsAndRectsExecution = class GetAllCanBeConnectedSourceConnectorsAndRectsExecution {
-    _mediator = inject(FMediator);
+let CalculateInputConnections = class CalculateInputConnections {
     _store = inject(FComponentsStore);
-    get _sourceConnectors() {
-        return this._store.fOutputs;
-    }
-    handle({ targetConnector, }) {
-        return this._getCanBeConnectedSourceConnectors(targetConnector).map((x) => {
-            return this._mediator.execute(new GetConnectorAndRectRequest(x));
-        });
+    handle({ nodeOrGroup }) {
+        const ids = this._collectInputIds(nodeOrGroup);
+        return this._collectConnections(ids);
+    }
+    _collectInputIds(nodeOrGroup) {
+        const ids = new Set();
+        for (const connector of this._store.fInputs) {
+            if (nodeOrGroup.isContains(connector.hostElement)) {
+                ids.add(connector.fId());
+            }
+        }
+        return ids;
     }
-    _getCanBeConnectedSourceConnectors(targetConnector) {
-        return this._sourceConnectors.filter((x) => {
-            let result = x.canBeConnected;
-            if (result && x.hasConnectionLimits) {
-                result = x.canConnectTo(targetConnector);
+    _collectConnections(ids) {
+        const result = [];
+        for (const conn of this._store.fConnections) {
+            if (ids.has(conn.fInputId())) {
+                result.push(conn);
             }
-            return result;
-        });
+        }
+        return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetAllCanBeConnectedSourceConnectorsAndRectsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetAllCanBeConnectedSourceConnectorsAndRectsExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateInputConnections, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateInputConnections });
 };
-GetAllCanBeConnectedSourceConnectorsAndRectsExecution = __decorate([
-    FExecutionRegister(GetAllCanBeConnectedSourceConnectorsAndRectsRequest)
-], GetAllCanBeConnectedSourceConnectorsAndRectsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetAllCanBeConnectedSourceConnectorsAndRectsExecution, decorators: [{
+CalculateInputConnections = __decorate([
+    FExecutionRegister(CalculateInputConnectionsRequest)
+], CalculateInputConnections);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateInputConnections, decorators: [{
             type: Injectable
         }] });
 
-class MarkConnectableConnectorsRequest {
-    connectors;
-    static fToken = Symbol('MarkConnectableConnectorsRequest');
-    constructor(connectors) {
-        this.connectors = connectors;
+class CalculateConnectableSideByConnectedPositionsRequest {
+    connector;
+    pointerPosition;
+    static fToken = Symbol('CalculateConnectableSideByConnectedPositionsRequest');
+    constructor(connector, pointerPosition) {
+        this.connector = connector;
+        this.pointerPosition = pointerPosition;
     }
 }
 
 /**
- * Execution that marks connectors as connectable.
+ * Converts allowed sides array to a compact bit mask.
+ * If not provided or empty -> all sides allowed.
  */
-let MarkConnectableConnectors = class MarkConnectableConnectors {
-    _store = inject(FComponentsStore);
-    handle({ connectors }) {
-        this._store.flowHost.classList.add(F_CSS_CLASS.DRAG_AND_DROP.CONNECTIONS_DRAGGING);
-        connectors.forEach((x) => this._markConnector(x));
+const SNAP_EPS = 2;
+var SideMask;
+(function (SideMask) {
+    SideMask[SideMask["NONE"] = 0] = "NONE";
+    SideMask[SideMask["LEFT"] = 1] = "LEFT";
+    SideMask[SideMask["RIGHT"] = 2] = "RIGHT";
+    SideMask[SideMask["TOP"] = 4] = "TOP";
+    SideMask[SideMask["BOTTOM"] = 8] = "BOTTOM";
+    SideMask[SideMask["ALL"] = 15] = "ALL";
+})(SideMask || (SideMask = {}));
+/**
+ * Determines final side using ideal side first; if disallowed, picks best fallback.
+ * Inputs are numbers to avoid object wrappers on hot path.
+ */
+function determineSide(selfX, selfY, avgX, avgY, allowed) {
+    const allowedMask = _toSideMask(allowed);
+    const dx = avgX - selfX;
+    const dy = avgY - selfY;
+    const ideal = _pickIdealSide(dx, dy);
+    if (_isAllowed(ideal, allowedMask)) {
+        return ideal;
     }
-    _markConnector({ hostElement }) {
-        hostElement.classList.add(F_CSS_CLASS.CONNECTOR.CONNECTABLE);
+    return _pickFallbackSide(dx, dy, allowedMask, ideal);
+}
+/**
+ * Converts allowed sides array to a compact bit mask.
+ * If not provided or empty -> all sides allowed.
+ */
+function _toSideMask(allowed) {
+    if (!allowed || allowed.length === 0)
+        return SideMask.ALL;
+    let mask = SideMask.NONE;
+    for (let i = 0; i < allowed.length; i++) {
+        switch (allowed[i]) {
+            case EFConnectableSide.LEFT:
+                mask |= SideMask.LEFT;
+                break;
+            case EFConnectableSide.RIGHT:
+                mask |= SideMask.RIGHT;
+                break;
+            case EFConnectableSide.TOP:
+                mask |= SideMask.TOP;
+                break;
+            case EFConnectableSide.BOTTOM:
+                mask |= SideMask.BOTTOM;
+                break;
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkConnectableConnectors, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkConnectableConnectors });
-};
-MarkConnectableConnectors = __decorate([
-    FExecutionRegister(MarkConnectableConnectorsRequest)
-], MarkConnectableConnectors);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkConnectableConnectors, decorators: [{
-            type: Injectable
-        }] });
-
-class RemoveInputFromStoreRequest {
-    component;
-    static fToken = Symbol('RemoveInputFromStoreRequest');
-    constructor(component) {
-        this.component = component;
+    return mask || SideMask.ALL;
+}
+/**
+ * Picks the "ideal" side based on vector (dx, dy) with hysteresis.
+ */
+function _pickIdealSide(dx, dy) {
+    const ax = dx < 0 ? -dx : dx;
+    const ay = dy < 0 ? -dy : dy;
+    if (ax - ay > SNAP_EPS) {
+        return dx < 0 ? EFConnectableSide.LEFT : EFConnectableSide.RIGHT;
+    }
+    if (ay - ax > SNAP_EPS) {
+        return dy < 0 ? EFConnectableSide.TOP : EFConnectableSide.BOTTOM;
     }
+    return dy < 0 ? EFConnectableSide.TOP : EFConnectableSide.BOTTOM;
 }
-
 /**
- * Execution that removes an inputConnector from the FComponentsStore.
+ * Quick membership check via bit mask.
  */
-let RemoveInputFromStore = class RemoveInputFromStore {
-    _store = inject(FComponentsStore);
-    handle({ component }) {
-        this._store.removeComponent(this._store.fInputs, component);
+function _isAllowed(side, mask) {
+    switch (side) {
+        case EFConnectableSide.LEFT:
+            return (mask & SideMask.LEFT) !== 0;
+        case EFConnectableSide.RIGHT:
+            return (mask & SideMask.RIGHT) !== 0;
+        case EFConnectableSide.TOP:
+            return (mask & SideMask.TOP) !== 0;
+        case EFConnectableSide.BOTTOM:
+            return (mask & SideMask.BOTTOM) !== 0;
+        default:
+            return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveInputFromStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveInputFromStore });
-};
-RemoveInputFromStore = __decorate([
-    FExecutionRegister(RemoveInputFromStoreRequest)
-], RemoveInputFromStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveInputFromStore, decorators: [{
-            type: Injectable
-        }] });
-
-class RemoveOutletFromStoreRequest {
-    fComponent;
-    static fToken = Symbol('RemoveOutletFromStoreRequest');
-    constructor(fComponent) {
-        this.fComponent = fComponent;
+}
+/**
+ * Picks the best available side from allowed mask by maximizing directional score.
+ * No intermediate objects, constant-time operations.
+ */
+function _pickFallbackSide(dx, dy, allowedMask, ideal) {
+    let bestSide = ideal;
+    let bestScore = -Infinity;
+    if (allowedMask & SideMask.RIGHT) {
+        const s = dx;
+        if (s > bestScore) {
+            bestScore = s;
+            bestSide = EFConnectableSide.RIGHT;
+        }
+    }
+    if (allowedMask & SideMask.LEFT) {
+        const s = -dx;
+        if (s > bestScore) {
+            bestScore = s;
+            bestSide = EFConnectableSide.LEFT;
+        }
+    }
+    if (allowedMask & SideMask.BOTTOM) {
+        const s = dy;
+        if (s > bestScore) {
+            bestScore = s;
+            bestSide = EFConnectableSide.BOTTOM;
+        }
+    }
+    if (allowedMask & SideMask.TOP) {
+        const s = -dy;
+        if (s > bestScore) {
+            bestScore = s;
+            bestSide = EFConnectableSide.TOP;
+        }
     }
+    return bestSide;
 }
 
 /**
- * Execution that removes an outlet connector from the FComponentsStore.
+ * Checks if the given side is one of the calculate modes.
+ * @param side The connectable side to check.
+ * @returns True if the side is a calculate mode, false otherwise.
  */
-let RemoveOutletFromStoreExecution = class RemoveOutletFromStoreExecution {
-    _store = inject(FComponentsStore);
-    handle(request) {
-        this._store.removeComponent(this._store.fOutlets, request.fComponent);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutletFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutletFromStoreExecution });
+function isCalculateMode(side) {
+    return (side === EFConnectableSide.CALCULATE ||
+        side === EFConnectableSide.CALCULATE_HORIZONTAL ||
+        side === EFConnectableSide.CALCULATE_VERTICAL);
+}
+
+const CALCULATABLE_SIDES = {
+    [EFConnectableSide.CALCULATE]: [
+        EFConnectableSide.TOP,
+        EFConnectableSide.BOTTOM,
+        EFConnectableSide.LEFT,
+        EFConnectableSide.RIGHT,
+    ],
+    [EFConnectableSide.CALCULATE_HORIZONTAL]: [EFConnectableSide.LEFT, EFConnectableSide.RIGHT],
+    [EFConnectableSide.CALCULATE_VERTICAL]: [EFConnectableSide.TOP, EFConnectableSide.BOTTOM],
 };
-RemoveOutletFromStoreExecution = __decorate([
-    FExecutionRegister(RemoveOutletFromStoreRequest)
-], RemoveOutletFromStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutletFromStoreExecution, decorators: [{
-            type: Injectable
-        }] });
 
-class RemoveOutputFromStoreRequest {
-    fComponent;
-    static fToken = Symbol('RemoveOutputFromStoreRequest');
-    constructor(fComponent) {
-        this.fComponent = fComponent;
+class GetNormalizedElementRectRequest {
+    element;
+    static fToken = Symbol('GetNormalizedElementRectRequest');
+    constructor(element) {
+        this.element = element;
     }
 }
 
 /**
- * Execution that removes an outlet connector from the FComponentsStore.
+ * Execution that retrieves the normalized rectangle of an element.
+ * It calculates the rectangle based on the element's position and size,
+ * adjusting for the canvas transformation and element offsets.
  */
-let RemoveOutputFromStoreExecution = class RemoveOutputFromStoreExecution {
+let GetNormalizedElementRectExecution = class GetNormalizedElementRectExecution {
     _store = inject(FComponentsStore);
+    _mediator = inject(FMediator);
+    get _transform() {
+        return this._store.fCanvas.transform;
+    }
     handle(request) {
-        this._store.removeComponent(this._store.fOutputs, request.fComponent);
+        const systemRect = this._getElementRoundedRect(request);
+        const position = this._normalizePosition(systemRect);
+        const unscaledSize = this._unscaleSize(systemRect);
+        const unscaledRect = this._getUnscaledRect(position, unscaledSize, systemRect);
+        const offsetSize = this._getOffsetSize(request.element, unscaledSize);
+        return RoundedRect.fromCenter(unscaledRect, offsetSize.width, offsetSize.height);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutputFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutputFromStoreExecution });
+    _getElementRoundedRect(request) {
+        return RoundedRect.fromRect(RectExtensions.fromElement(request.element));
+    }
+    _normalizePosition(rect) {
+        return this._mediator.execute(new GetNormalizedPointRequest(rect));
+    }
+    _unscaleSize(rect) {
+        return SizeExtensions.initialize(rect.width / this._transform.scale, rect.height / this._transform.scale);
+    }
+    _getUnscaledRect(position, size, rect) {
+        return new RoundedRect(position.x, position.y, size.width, size.height, rect.radius1, rect.radius2, rect.radius3, rect.radius4);
+    }
+    _getOffsetSize(element, size) {
+        return SizeExtensions.offsetFromElement(element) || size;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNormalizedElementRectExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNormalizedElementRectExecution });
 };
-RemoveOutputFromStoreExecution = __decorate([
-    FExecutionRegister(RemoveOutputFromStoreRequest)
-], RemoveOutputFromStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutputFromStoreExecution, decorators: [{
+GetNormalizedElementRectExecution = __decorate([
+    FExecutionRegister(GetNormalizedElementRectRequest)
+], GetNormalizedElementRectExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNormalizedElementRectExecution, decorators: [{
             type: Injectable
         }] });
 
-class UnmarkConnectableConnectorsRequest {
-    connectors;
-    static fToken = Symbol('UnmarkConnectableConnectorsRequest');
-    constructor(connectors) {
-        this.connectors = connectors;
-    }
-}
-
 /**
- * Execution that unmarks connectors as connectable.
+ * Execution that calculates the connectable side for a connector
+ * based on positions of connected connectors and allowed sides.
  */
-let UnmarkConnectableConnectors = class UnmarkConnectableConnectors {
-    _store = inject(FComponentsStore);
-    handle({ connectors }) {
-        this._store.flowHost.classList.remove(F_CSS_CLASS.DRAG_AND_DROP.CONNECTIONS_DRAGGING);
-        connectors.forEach((x) => this._unmarkConnector(x));
+let CalculateConnectableSideByConnectedPositions = class CalculateConnectableSideByConnectedPositions {
+    _mediator = inject(FMediator);
+    /**
+     * Entry point (hot path). Avoids intermediate arrays and redundant allocations.
+     *
+     * @param request - Contains the connector and optionally allowed sides.
+     * @returns {EFConnectableSide} - The chosen connectable side.
+     */
+    handle({ connector, pointerPosition, }) {
+        const mode = connector.userFConnectableSide;
+        const selfCenter = this._getConnectorRect(connector.hostElement).gravityCenter;
+        const acc = this._accumulateConnectedCenters(connector.hostElement, connector.toConnector, pointerPosition);
+        const avgX = acc.sumX / acc.count;
+        const avgY = acc.sumY / acc.count;
+        return determineSide(selfCenter.x, selfCenter.y, avgX, avgY, CALCULATABLE_SIDES[mode]);
+    }
+    _accumulateConnectedCenters(selfHost, connected, pointerPosition) {
+        let sumX = pointerPosition?.x || 0;
+        let sumY = pointerPosition?.y || 0;
+        let count = pointerPosition ? 1 : 0;
+        if (connected && connected.length) {
+            for (let i = 0; i < connected.length; i++) {
+                const el = connected[i].hostElement;
+                if (el === selfHost)
+                    continue;
+                const c = this._getConnectorRect(el).gravityCenter;
+                sumX += c.x;
+                sumY += c.y;
+                count++;
+            }
+        }
+        return { sumX, sumY, count };
     }
-    _unmarkConnector({ hostElement }) {
-        hostElement.classList.remove(F_CSS_CLASS.CONNECTOR.CONNECTABLE);
+    _getConnectorRect(element) {
+        return this._mediator.execute(new GetNormalizedElementRectRequest(element));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnmarkConnectableConnectors, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnmarkConnectableConnectors });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByConnectedPositions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByConnectedPositions });
 };
-UnmarkConnectableConnectors = __decorate([
-    FExecutionRegister(UnmarkConnectableConnectorsRequest)
-], UnmarkConnectableConnectors);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnmarkConnectableConnectors, decorators: [{
+CalculateConnectableSideByConnectedPositions = __decorate([
+    FExecutionRegister(CalculateConnectableSideByConnectedPositionsRequest)
+], CalculateConnectableSideByConnectedPositions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByConnectedPositions, decorators: [{
             type: Injectable
         }] });
 
-/*
- * This file exports all the connector-related executions that can be used in the FFlow domain.
- */
-const F_CONNECTORS_FEATURES = [
-    AddInputToStore,
-    AddOutletToStore,
-    AddOutputToStore,
-    CalculateClosestConnector,
-    FindConnectableConnectorUsingPriorityAndPositionExecution,
-    GetAllCanBeConnectedSourceConnectorsAndRectsExecution,
-    GetAllCanBeConnectedInputsAndRectsExecution,
-    GetConnectorAndRect,
-    MarkConnectableConnectors,
-    RemoveInputFromStore,
-    RemoveOutletFromStoreExecution,
-    RemoveOutputFromStoreExecution,
-    UnmarkConnectableConnectors,
-];
+class CalculateConnectableSideByInternalPositionRequest {
+    connector;
+    static fToken = Symbol('CalculateConnectableSideByInternalPositionRequest');
+    constructor(connector) {
+        this.connector = connector;
+    }
+}
 
 class AddDndToStoreRequest {
     fComponent;
@@ -4583,14 +4696,14 @@ class FCreateConnectionDragHandler {
         this._store = _injector.get(FComponentsStore);
         this._toConnectorRect = RoundedRect.fromRect(RectExtensions.initialize(_onPointerDownPosition.x, _onPointerDownPosition.y));
         this.fData = {
-            fOutputOrOutletId: this._fOutputOrOutlet.fId,
+            fOutputOrOutletId: this._fOutputOrOutlet.fId(),
         };
     }
     prepareDragSequence() {
+        this._fOutputWithRect = this._mediator.execute(new GetConnectorAndRectRequest(this._fOutputOrOutlet));
         this._getAndMarkCanBeConnectedInputs();
         this._initializeSnapConnection();
         this._initializeConnectionForCreate();
-        this._fOutputWithRect = this._mediator.execute(new GetConnectorAndRectRequest(this._fOutputOrOutlet));
         this._connection.show();
         this.onPointerMove(PointExtensions.initialize());
         this._result.setData({
@@ -4600,7 +4713,7 @@ class FCreateConnectionDragHandler {
         });
     }
     _getAndMarkCanBeConnectedInputs() {
-        this._canBeConnectedInputs = this._mediator.execute(new GetAllCanBeConnectedInputsAndRectsRequest(this._fOutputOrOutlet));
+        this._canBeConnectedInputs = this._mediator.execute(new CalculateTargetConnectorsToConnectRequest(this._fOutputOrOutlet, this._fOutputWithRect.fRect.gravityCenter));
         this._mediator.execute(new MarkConnectableConnectorsRequest(this._canBeConnectedInputs.map((x) => x.fConnector)));
     }
     _initializeSnapConnection() {
@@ -4615,10 +4728,10 @@ class FCreateConnectionDragHandler {
         this._connection.initialize();
     }
     onPointerMove(difference) {
-        const fClosestInput = this._findClosestInput(difference);
-        this._drawConnectionForCreate(this._toConnectorRect.addPoint(difference), fClosestInput?.fConnector.fConnectableSide || EFConnectableSide.TOP);
+        const closestInput = this._findClosestInput(difference);
+        this._drawConnectionForCreate(this._toConnectorRect.addPoint(difference), closestInput?.fConnector.fConnectableSide || EFConnectableSide.TOP);
         if (this._snapConnection) {
-            this._drawSnapConnection(this._getClosestInputForSnapConnection(fClosestInput));
+            this._drawSnapConnection(this._getClosestInputForSnapConnection(closestInput));
         }
     }
     _drawConnectionForCreate(toConnectorRect, fSide) {
@@ -4797,18 +4910,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }] });
 
-class FCreateConnectionFromOutputPreparationRequest {
+class CreateConnectionFromOutputPreparationRequest {
     event;
-    fNode;
-    static fToken = Symbol('FCreateConnectionFromOutputPreparationRequest');
-    constructor(event, fNode) {
+    node;
+    static fToken = Symbol('CreateConnectionFromOutputPreparationRequest');
+    constructor(event, node) {
         this.event = event;
-        this.fNode = fNode;
+        this.node = node;
     }
 }
 
-let FCreateConnectionFromOutputPreparationExecution = class FCreateConnectionFromOutputPreparationExecution {
-    _fMediator = inject(FMediator);
+let CreateConnectionFromOutputPreparation = class CreateConnectionFromOutputPreparation {
+    _mediator = inject(FMediator);
     _store = inject(FComponentsStore);
     handle(request) {
         if (!this._isValid(request)) {
@@ -4816,70 +4929,74 @@ let FCreateConnectionFromOutputPreparationExecution = class FCreateConnectionFro
         }
         const fOutput = this._getOutput(request.event.targetElement);
         if (fOutput.canBeConnected) {
-            this._fMediator.execute(new FCreateConnectionDragHandlerPreparationRequest(request.event.getPosition(), fOutput));
+            this._mediator.execute(new FCreateConnectionDragHandlerPreparationRequest(request.event.getPosition(), fOutput));
         }
     }
     _isValid(request) {
-        return this._isNodeOutput(request.event.targetElement, request.fNode);
+        return this._isNodeOutput(request.event.targetElement, request.node);
     }
     _isNodeOutput(element, fNode) {
         return isNodeOutput(element) && !this._getNodeOutlets(fNode).length;
     }
     _getNodeOutlets(node) {
-        return this._store.fOutlets
-            .filter((x) => node.isContains(x.hostElement));
+        return this._store.fOutlets.filter((x) => node.isContains(x.hostElement));
     }
     _getOutput(element) {
-        const result = this._store.fOutputs
-            .find((x) => x.hostElement.contains(element));
+        const result = this._store.fOutputs.find((x) => x.hostElement.contains(element));
         if (!result) {
             throw new Error('Output not found');
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCreateConnectionFromOutputPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCreateConnectionFromOutputPreparationExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateConnectionFromOutputPreparation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateConnectionFromOutputPreparation });
 };
-FCreateConnectionFromOutputPreparationExecution = __decorate([
-    FExecutionRegister(FCreateConnectionFromOutputPreparationRequest)
-], FCreateConnectionFromOutputPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCreateConnectionFromOutputPreparationExecution, decorators: [{
+CreateConnectionFromOutputPreparation = __decorate([
+    FExecutionRegister(CreateConnectionFromOutputPreparationRequest)
+], CreateConnectionFromOutputPreparation);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateConnectionFromOutputPreparation, decorators: [{
             type: Injectable
         }] });
 
-class FCreateConnectionPreparationRequest {
+class CreateConnectionPreparationRequest {
     event;
     fTrigger;
-    static fToken = Symbol('FCreateConnectionPreparationRequest');
+    static fToken = Symbol('CreateConnectionPreparationRequest');
     constructor(event, fTrigger) {
         this.event = event;
         this.fTrigger = fTrigger;
     }
 }
 
-let FCreateConnectionPreparationExecution = class FCreateConnectionPreparationExecution {
-    _fMediator = inject(FMediator);
+// import { IPoint } from '@foblex/2d';
+// import { BrowserService } from '@foblex/platform';
+let CreateConnectionPreparation = class CreateConnectionPreparation {
+    _mediator = inject(FMediator);
     _store = inject(FComponentsStore);
     _dragContext = inject(FDraggableDataContext);
-    _fNode;
+    // private readonly _browser = inject(BrowserService);
+    _node;
     handle(request) {
         if (!this._isValid(request) || !this._isValidTrigger(request)) {
             return;
         }
+        // const elements = this._elementsFromPoint(request.event.getPosition());
+        //
+        // const outlet = this._findOutlet(elements);
+        // const output = this._findOutput(elements);
         if (isNodeOutlet(request.event.targetElement)) {
-            this._fMediator.execute(new FCreateConnectionFromOutletPreparationRequest(request.event, this._fNode));
+            this._mediator.execute(new FCreateConnectionFromOutletPreparationRequest(request.event, this._node));
         }
         else if (isNodeOutput(request.event.targetElement)) {
-            this._fMediator.execute(new FCreateConnectionFromOutputPreparationRequest(request.event, this._fNode));
+            this._mediator.execute(new CreateConnectionFromOutputPreparationRequest(request.event, this._node));
         }
     }
     _isValid(request) {
         return !!this._getNode(request.event) && this._isValidConditions();
     }
     _getNode(event) {
-        this._fNode = this._store
-            .fNodes.find(n => n.isContains(event.targetElement));
-        return this._fNode;
+        this._node = this._store.fNodes.find((n) => n.isContains(event.targetElement));
+        return this._node;
     }
     _isValidConditions() {
         return this._dragContext.isEmpty() && !!this._store.fTempConnection;
@@ -4887,13 +5004,13 @@ let FCreateConnectionPreparationExecution = class FCreateConnectionPreparationEx
     _isValidTrigger(request) {
         return isValidEventTrigger(request.event.originalEvent, request.fTrigger);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCreateConnectionPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCreateConnectionPreparationExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateConnectionPreparation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateConnectionPreparation });
 };
-FCreateConnectionPreparationExecution = __decorate([
-    FExecutionRegister(FCreateConnectionPreparationRequest)
-], FCreateConnectionPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FCreateConnectionPreparationExecution, decorators: [{
+CreateConnectionPreparation = __decorate([
+    FExecutionRegister(CreateConnectionPreparationRequest)
+], CreateConnectionPreparation);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateConnectionPreparation, decorators: [{
             type: Injectable
         }] });
 
@@ -4940,7 +5057,7 @@ class FReassignTargetDragHandler {
         return this._connectableConnectors;
     }
     markConnectableConnector() {
-        this._connectableConnectors = this._mediator.execute(new GetAllCanBeConnectedInputsAndRectsRequest(this._sourceConnector));
+        this._connectableConnectors = this._mediator.execute(new CalculateTargetConnectorsToConnectRequest(this._sourceConnector, this._sourceConnectorRect.gravityCenter));
         this._mediator.execute(new MarkConnectableConnectorsRequest(this._connectableConnectors.map((x) => x.fConnector)));
     }
     initializeSnapConnection(snapConnection) {
@@ -4970,12 +5087,12 @@ class FReassignTargetDragHandler {
     _calculateNewLine(targetPoint, fSide) {
         return this._mediator.execute(new CalculateConnectionLineByBehaviorRequest(this._sourceConnectorRect, roundedRectFromPoint(targetPoint), this._connection.fBehavior, this._sourceConnector.fConnectableSide, fSide));
     }
-    _drawSnapConnection(fClosestConnector) {
+    _drawSnapConnection(closestConnector) {
         const snapConnection = this._snapConnection;
-        if (fClosestConnector) {
-            const line = this._getLineToClosestTargetConnector(fClosestConnector, snapConnection);
+        if (closestConnector) {
+            const line = this._getLineToClosestTargetConnector(closestConnector, snapConnection);
             snapConnection.show();
-            snapConnection.setLine(line, this._sourceConnector.fConnectableSide, fClosestConnector.fConnector.fConnectableSide);
+            snapConnection.setLine(line, this._sourceConnector.fConnectableSide, closestConnector.fConnector.fConnectableSide);
             snapConnection.redraw();
         }
         else {
@@ -5017,7 +5134,7 @@ class FReassignSourceDragHandler {
         return this._connectableConnectors;
     }
     markConnectableConnector() {
-        this._connectableConnectors = this._mediator.execute(new GetAllCanBeConnectedSourceConnectorsAndRectsRequest(this._targetConnector));
+        this._connectableConnectors = this._mediator.execute(new CalculateSourceConnectorsToConnectRequest(this._targetConnector, this._targetConnectorAndRect.fRect.gravityCenter));
         const isExistCurrentSourceConnector = this._connectableConnectors.some((x) => x.fConnector.fId() === this._sourceConnector.fId());
         if (!isExistCurrentSourceConnector) {
             this._connectableConnectors.push(this._sourceConnectorAndRect);
@@ -5314,8 +5431,8 @@ const CONNECTIONS_PROVIDERS = [
     FCreateConnectionDragHandlerPreparationExecution,
     FCreateConnectionFromOutletPreparationExecution,
     GetFirstConnectableOutputExecution,
-    FCreateConnectionFromOutputPreparationExecution,
-    FCreateConnectionPreparationExecution,
+    CreateConnectionFromOutputPreparation,
+    CreateConnectionPreparation,
     FReassignConnectionFinalizeExecution,
     FReassignConnectionPreparationExecution,
 ];
@@ -6380,8 +6497,8 @@ let FNodeMovePreparationExecution = class FNodeMovePreparationExecution {
     _mediator = inject(FMediator);
     _store = inject(FComponentsStore);
     _dragContext = inject(FDraggableDataContext);
-    get _transform() {
-        return this._store.fCanvas.transform;
+    get _scale() {
+        return this._store.fCanvas?.transform.scale || 1;
     }
     get _fHost() {
         return this._store.fFlow.hostElement;
@@ -6392,25 +6509,25 @@ let FNodeMovePreparationExecution = class FNodeMovePreparationExecution {
             return;
         }
         const summaryDragHandler = this._calculateDraggedItems(this._fNode);
-        this._dragContext.onPointerDownScale = this._transform.scale;
+        this._dragContext.onPointerDownScale = this._scale;
         this._dragContext.onPointerDownPosition = Point.fromPoint(event.getPosition())
-            .elementTransform(this._fHost).div(this._transform.scale);
+            .elementTransform(this._fHost)
+            .div(this._scale);
         this._dragContext.draggableItems = [summaryDragHandler];
         if (this._store.fLineAlignment) {
             this._mediator.execute(new CreateSnapLinesRequest(summaryDragHandler));
         }
     }
     _isValid(event) {
-        return this._dragContext.isEmpty()
-            && this._isDragHandleElement(event.targetElement)
-            && !!this._getNode(event.targetElement);
+        return (this._dragContext.isEmpty() &&
+            this._isDragHandleElement(event.targetElement) &&
+            !!this._getNode(event.targetElement));
     }
     _isDragHandleElement(element) {
         return isClosestElementHasClass(element, '.f-drag-handle');
     }
     _getNode(element) {
-        this._fNode = this._store.fNodes
-            .find(x => x.isContains(element) && !x.fDraggingDisabled());
+        this._fNode = this._store.fNodes.find((x) => x.isContains(element) && !x.fDraggingDisabled());
         return this._fNode;
     }
     _isValidTrigger(event, fTrigger) {
@@ -6421,7 +6538,9 @@ let FNodeMovePreparationExecution = class FNodeMovePreparationExecution {
         let result;
         if (!fNode.fSelectionDisabled()) {
             // Need to select node before drag
-            this._mediator.execute(new SelectAndUpdateNodeLayerRequest(fNode));
+            setTimeout(() => {
+                this._mediator.execute(new SelectAndUpdateNodeLayerRequest(fNode));
+            });
             result = this._dragModelFromSelection();
         }
         else {
@@ -7268,7 +7387,7 @@ let DropToGroupPreparation = class DropToGroupPreparation {
             // We can drop items only to children of direct parent
             const childIds = this._mediator.execute(new GetChildNodeIdsRequest(_dragTarget.fParentId()));
             if (childIds.length) {
-                targetRects = targetRects.filter(t => childIds.includes(t.node.fId()));
+                targetRects = targetRects.filter((t) => childIds.includes(t.node.fId()));
             }
         }
         this._dragContext.draggableItems.push(new FNodeDropToGroupDragHandler(this._injector, targetRects));
@@ -7277,12 +7396,10 @@ let DropToGroupPreparation = class DropToGroupPreparation {
         return this._isNodeDragHandler() || this._isExternalItemDragHandler();
     }
     _isNodeDragHandler() {
-        return this._dragContext.draggableItems
-            .some((x) => x instanceof MoveSummaryDragHandler);
+        return this._dragContext.draggableItems.some((x) => x instanceof MoveSummaryDragHandler);
     }
     _isExternalItemDragHandler() {
-        return this._dragContext.draggableItems
-            .some((x) => x instanceof FExternalItemDragHandler);
+        return this._dragContext.draggableItems.some((x) => x instanceof FExternalItemDragHandler);
     }
     _collectGroupingTargetRects() {
         const dragged = this._draggedNodes();
@@ -7294,9 +7411,9 @@ let DropToGroupPreparation = class DropToGroupPreparation {
         });
     }
     _draggedNodes() {
-        return this._dragContext.draggableItems
+        return (this._dragContext.draggableItems
             .find((x) => x instanceof MoveSummaryDragHandler)
-            ?.allDraggedNodeHandlers.map((x) => x.nodeOrGroup) || [];
+            ?.allDraggedNodeHandlers.map((x) => x.nodeOrGroup) || []);
     }
     /**
      * Returns the list of dragged nodes extended with all of their parent nodes.
@@ -7311,8 +7428,8 @@ let DropToGroupPreparation = class DropToGroupPreparation {
         }, []);
     }
     _eligibleTargets(dragged, draggingGroup) {
-        const nonDragged = this._allNodesAndGroups.filter(x => !dragged.includes(x));
-        return draggingGroup ? nonDragged.filter(x => x instanceof FGroupDirective) : nonDragged;
+        const nonDragged = this._allNodesAndGroups.filter((x) => !dragged.includes(x));
+        return draggingGroup ? nonDragged.filter((x) => x instanceof FGroupDirective) : nonDragged;
     }
     _toCanvasRect(rect) {
         return RectExtensions.initialize(rect.x * this._canvasTransform.scale + this._canvasPosition.x, rect.y * this._canvasTransform.scale + this._canvasPosition.y, rect.width * this._canvasTransform.scale, rect.height * this._canvasTransform.scale);
@@ -8744,7 +8861,7 @@ class FDraggableDirective extends FDraggableBase {
         this._beforePlugins.forEach((p) => p.onPointerDown?.(event));
         this._mediator.execute(new FSingleSelectRequest(event, this.fMultiSelectTrigger));
         this._mediator.execute(new FReassignConnectionPreparationRequest(event, this.fReassignConnectionTrigger));
-        this._mediator.execute(new FCreateConnectionPreparationRequest(event, this.fCreateConnectionTrigger));
+        this._mediator.execute(new CreateConnectionPreparationRequest(event, this.fCreateConnectionTrigger));
         this._afterPlugins.forEach((p) => p.onPointerDown?.(event));
         const isMouseLeftOrTouch = event.isMouseLeftButton();
         if (!isMouseLeftOrTouch) {
@@ -9456,70 +9573,6 @@ class GetCanBeSelectedItemsRequest {
     static fToken = Symbol('GetCanBeSelectedItemsRequest');
 }
 
-class GetNormalizedElementRectRequest {
-    element;
-    static fToken = Symbol('GetNormalizedElementRectRequest');
-    constructor(element) {
-        this.element = element;
-    }
-}
-
-/**
- * Execution that retrieves the normalized rectangle of an element.
- * It calculates the rectangle based on the element's position and size,
- * adjusting for the canvas transformation and element offsets.
- */
-let GetNormalizedElementRectExecution = class GetNormalizedElementRectExecution {
-    _store = inject(FComponentsStore);
-    _mediator = inject(FMediator);
-    get _transform() {
-        return this._store.fCanvas.transform;
-    }
-    handle(request) {
-        const systemRect = this._getElementRoundedRect(request);
-        const position = this._normalizePosition(systemRect);
-        const unscaledSize = this._unscaleSize(systemRect);
-        const unscaledRect = this._getUnscaledRect(position, unscaledSize, systemRect);
-        const offsetSize = this._getOffsetSize(request.element, unscaledSize);
-        return RoundedRect.fromCenter(unscaledRect, offsetSize.width, offsetSize.height);
-    }
-    // BrowserWindow
-    // +--------------------------------+
-    // |                                |
-    // |     Element                    |
-    // |     (x: 100, y: 50)            |
-    // |     +--------+                 |
-    // |     |        |                 |
-    // |     |        |                 |
-    // |     +--------+                 |
-    // |                                |
-    // +--------------------------------+
-    // This data of the element is relative to the browser window, not the canvas, with all transformations applied.
-    _getElementRoundedRect(request) {
-        return RoundedRect.fromRect(RectExtensions.fromElement(request.element));
-    }
-    _normalizePosition(rect) {
-        return this._mediator.execute(new GetNormalizedPointRequest(rect));
-    }
-    _unscaleSize(rect) {
-        return SizeExtensions.initialize(rect.width / this._transform.scale, rect.height / this._transform.scale);
-    }
-    _getUnscaledRect(position, size, rect) {
-        return new RoundedRect(position.x, position.y, size.width, size.height, rect.radius1, rect.radius2, rect.radius3, rect.radius4);
-    }
-    _getOffsetSize(element, size) {
-        return SizeExtensions.offsetFromElement(element) || size;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNormalizedElementRectExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNormalizedElementRectExecution });
-};
-GetNormalizedElementRectExecution = __decorate([
-    FExecutionRegister(GetNormalizedElementRectRequest)
-], GetNormalizedElementRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNormalizedElementRectExecution, decorators: [{
-            type: Injectable
-        }] });
-
 /**
  * Execution that retrieves elements that can be selected in the Flow, along with their bounding rectangles.
  * It filters out elements that are already selected in the FDraggableDataContext.
@@ -9703,10 +9756,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class SelectAndUpdateNodeLayerRequest {
-    fNode;
+    nodeOrGroup;
     static fToken = Symbol('SelectAndUpdateNodeLayerRequest');
-    constructor(fNode) {
-        this.fNode = fNode;
+    constructor(nodeOrGroup) {
+        this.nodeOrGroup = nodeOrGroup;
     }
 }
 
@@ -9897,11 +9950,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 let SelectAndUpdateNodeLayerExecution = class SelectAndUpdateNodeLayerExecution {
     _dragContext = inject(FDraggableDataContext);
     _mediator = inject(FMediator);
-    handle(request) {
-        this.selectNodeIfNotSelected(request.fNode);
-        this._mediator.execute(new UpdateItemAndChildrenLayersRequest(request.fNode, request.fNode.hostElement.parentElement));
+    handle({ nodeOrGroup }) {
+        this._selectNodeIfNotSelected(nodeOrGroup);
+        this._mediator.execute(new UpdateItemAndChildrenLayersRequest(nodeOrGroup, nodeOrGroup.hostElement.parentElement));
     }
-    selectNodeIfNotSelected(fNode) {
+    _selectNodeIfNotSelected(fNode) {
         if (!this._dragContext.selectedItems.includes(fNode) && !fNode.fSelectionDisabled()) {
             this._dragContext.selectedItems.push(fNode);
             fNode.markAsSelected();
@@ -10188,1000 +10241,1151 @@ const F_DRAGGABLE_FEATURES = [
     RemoveDndFromStoreExecution,
 ];
 
-class AddFlowToStoreRequest {
-    fComponent;
-    static fToken = Symbol('AddFlowToStoreRequest');
-    constructor(fComponent) {
-        this.fComponent = fComponent;
-    }
-}
-
 /**
- * Execution that adds a Flow to the FComponentsStore.
+ * Injection token for configuring the side detection tolerance (in pixels).
+ * A new side must beat the previous side by more than this value to switch.
  */
-let AddFlowToStoreExecution = class AddFlowToStoreExecution {
-    _store = inject(FComponentsStore);
-    handle(request) {
-        this._store.fFlow = request.fComponent;
+const CONNECTABLE_SIDE_EPSILON = new InjectionToken('CONNECTABLE_SIDE_EPSILON');
+/**
+ * Calculates the connectable side of a connector relative to its node host.
+ *
+ * Optimizations & behavior:
+ * - Hysteresis via epsilon to avoid jitter near boundaries.
+ * - Per-connector memoization using WeakMap (no leaks).
+ * - During drag (isDragging === true) the last memorized side is returned immediately
+ *   for maximum stability and performance; a safe fallback computes it if missing.
+ */
+let CalculateConnectableSideByInternalPosition = class CalculateConnectableSideByInternalPosition {
+    _mediator = inject(FMediator);
+    /**
+     * Stores the last computed side per connector.
+     * WeakMap ensures entries are garbage-collected with the connector objects.
+     */
+    _lastSide = new WeakMap();
+    /** Pixel threshold to prevent side switching unless the new side is sufficiently better. */
+    _epsilon = Math.max(0, inject(CONNECTABLE_SIDE_EPSILON, { optional: true }) ?? 2);
+    /**
+     * Entry point: returns the connectable side for a given connector.
+     * If a drag is in progress, returns the last memorized side for stability.
+     */
+    handle({ connector, }) {
+        // Fast path during drag: use memorized side (guaranteed to be present by caller’s contract).
+        if (this._isDragging()) {
+            const cached = this._lastSide.get(connector);
+            if (cached !== undefined)
+                return cached;
+            // Safe fallback: compute once and cache.
+            const computed = this._getSideByDelta(connector.hostElement, connector.fNodeHost, connector);
+            this._lastSide.set(connector, computed);
+            return computed;
+        }
+        // Normal path: compute with hysteresis, then remember.
+        const side = this._getSideByDelta(connector.hostElement, connector.fNodeHost, connector);
+        this._lastSide.set(connector, side);
+        return side;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddFlowToStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddFlowToStoreExecution });
+    /**
+     * Determines the side of the connector relative to the node host by
+     * comparing distances from the connector's gravity center to each host edge.
+     *
+     * Hysteresis rule:
+     * If the previously chosen side is within `epsilon` pixels of the new best side,
+     * keep the previous side to avoid flicker.
+     *
+     * @param connectorHost - The connector element (HTML or SVG).
+     * @param nodeHost - The parent node element (HTML or SVG).
+     * @param connectorKey - The connector object, used as WeakMap key.
+     * @returns The most stable connectable side.
+     */
+    _getSideByDelta(connectorHost, nodeHost, connectorKey) {
+        const childRect = RectExtensions.fromElement(connectorHost);
+        const parentRect = nodeHost.getBoundingClientRect();
+        const cx = childRect.gravityCenter.x;
+        const cy = childRect.gravityCenter.y;
+        const deltaLeft = cx - parentRect.left;
+        const deltaRight = parentRect.right - cx;
+        const deltaTop = cy - parentRect.top;
+        const deltaBottom = parentRect.bottom - cy;
+        // Determine best side (min delta) in one pass
+        let minIdx = 0;
+        let minVal = deltaLeft;
+        // i=1..3 correspond to Right, Top, Bottom respectively
+        const candidates = [deltaLeft, deltaRight, deltaTop, deltaBottom];
+        for (let i = 1; i < 4; i++) {
+            const v = candidates[i];
+            if (v < minVal) {
+                minVal = v;
+                minIdx = i;
+            }
+        }
+        let candidate = minIdx === 0
+            ? EFConnectableSide.LEFT
+            : minIdx === 1
+                ? EFConnectableSide.RIGHT
+                : minIdx === 2
+                    ? EFConnectableSide.TOP
+                    : EFConnectableSide.BOTTOM;
+        // Hysteresis: prefer previously chosen side if it's almost as good
+        const prev = this._lastSide.get(connectorKey);
+        if (prev !== undefined && prev !== candidate) {
+            const prevIdx = prev === EFConnectableSide.LEFT
+                ? 0
+                : prev === EFConnectableSide.RIGHT
+                    ? 1
+                    : prev === EFConnectableSide.TOP
+                        ? 2
+                        : 3;
+            const prevDelta = prevIdx === 0
+                ? deltaLeft
+                : prevIdx === 1
+                    ? deltaRight
+                    : prevIdx === 2
+                        ? deltaTop
+                        : deltaBottom;
+            // How much better the new side is (smaller is better)
+            const advantage = prevDelta - minVal;
+            if (advantage <= this._epsilon) {
+                candidate = prev;
+            }
+        }
+        return candidate;
+    }
+    /** Returns true if a drag operation is currently active. */
+    _isDragging() {
+        return this._mediator.execute(new IsDragStartedRequest());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByInternalPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByInternalPosition });
 };
-AddFlowToStoreExecution = __decorate([
-    FExecutionRegister(AddFlowToStoreRequest)
-], AddFlowToStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddFlowToStoreExecution, decorators: [{
+CalculateConnectableSideByInternalPosition = __decorate([
+    FExecutionRegister(CalculateConnectableSideByInternalPositionRequest)
+], CalculateConnectableSideByInternalPosition);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByInternalPosition, decorators: [{
             type: Injectable
         }] });
 
-class GetFlowRequest {
-    static fToken = Symbol('GetFlowRequest');
+class CalculateConnectorsConnectableSidesRequest {
+    nodeOrGroup;
+    static fToken = Symbol('CalculateConnectorsConnectableSidesRequest');
+    constructor(nodeOrGroup) {
+        this.nodeOrGroup = nodeOrGroup;
+    }
 }
 
 /**
- * Execution that retrieves the current Flow from the FComponentsStore.
+ * Execution that calculates connectable sides for all connectors of a node.
  */
-let GetFlowExecution = class GetFlowExecution {
-    _store = inject(FComponentsStore);
-    handle(request) {
-        const result = this._store.fFlow;
-        if (!result) {
-            throw new Error(`Flow not found in store`);
+let CalculateConnectorsConnectableSides = class CalculateConnectorsConnectableSides {
+    _mediator = inject(FMediator);
+    /**
+     * Orchestrates side calculation for all connectors of the given node.
+     */
+    handle({ nodeOrGroup }) {
+        const connectors = nodeOrGroup.connectors;
+        const len = connectors.length;
+        for (let i = 0; i < len; i++) {
+            const connection = connectors[i];
+            connection.fConnectableSide = this._resolveSideForConnectorFast(connection);
+        }
+        const toRecalc = new Set();
+        for (let i = 0; i < len; i++) {
+            const source = connectors[i];
+            const outs = source.toConnector;
+            if (outs && outs.length) {
+                for (let j = 0, m = outs.length; j < m; j++) {
+                    const target = outs[j];
+                    const userSide = target.userFConnectableSide;
+                    if (isCalculateMode(userSide)) {
+                        toRecalc.add(target);
+                    }
+                }
+            }
+        }
+        if (toRecalc.size > 0) {
+            toRecalc.forEach((target) => {
+                target.fConnectableSide = this._calculateByConnectedPositions(target);
+            });
         }
-        return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowExecution });
+    /**
+     * Resolves the connectable side for a connector quickly.
+     * Avoids intermediate arrays and redundant allocations.
+     */
+    _resolveSideForConnectorFast(connector) {
+        const mode = connector.userFConnectableSide;
+        if (mode === EFConnectableSide.AUTO) {
+            return this._mediator.execute(new CalculateConnectableSideByInternalPositionRequest(connector));
+        }
+        if (isCalculateMode(mode)) {
+            return this._calculateByConnectedPositions(connector);
+        }
+        return mode;
+    }
+    /** Delegates to the connected-positions calculation execution. */
+    _calculateByConnectedPositions(connector) {
+        return this._mediator.execute(new CalculateConnectableSideByConnectedPositionsRequest(connector));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectorsConnectableSides, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectorsConnectableSides });
 };
-GetFlowExecution = __decorate([
-    FExecutionRegister(GetFlowRequest)
-], GetFlowExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowExecution, decorators: [{
+CalculateConnectorsConnectableSides = __decorate([
+    FExecutionRegister(CalculateConnectorsConnectableSidesRequest)
+], CalculateConnectorsConnectableSides);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectorsConnectableSides, decorators: [{
             type: Injectable
         }] });
 
-class GetFlowHostElementRequest {
-    static fToken = Symbol('GetFlowHostElementRequest');
+class CalculateNodesBoundingBoxRequest {
+    static fToken = Symbol('CalculateNodesBoundingBoxRequest');
 }
 
 /**
- * Execution that retrieves the Flow host element from the FComponentsStore.
+ * Execution that calculates the bounding box of all nodes in the FComponentsStore.
+ * It retrieves the rectangles of each node's host element and computes their union.
  */
-let GetFlowHostElementExecution = class GetFlowHostElementExecution {
+let CalculateNodesBoundingBox = class CalculateNodesBoundingBox {
     _store = inject(FComponentsStore);
-    handle() {
-        return this._store.flowHost;
+    handle(_request) {
+        return RectExtensions.union(this._nodesRects());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowHostElementExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowHostElementExecution });
+    _nodesRects() {
+        return this._store.fNodes.map((x) => RectExtensions.fromElement(x.hostElement));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBox, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBox });
 };
-GetFlowHostElementExecution = __decorate([
-    FExecutionRegister(GetFlowHostElementRequest)
-], GetFlowHostElementExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowHostElementExecution, decorators: [{
+CalculateNodesBoundingBox = __decorate([
+    FExecutionRegister(CalculateNodesBoundingBoxRequest)
+], CalculateNodesBoundingBox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBox, decorators: [{
             type: Injectable
         }] });
 
-class GetFlowStateConnectionsRequest {
-    static fToken = Symbol('GetFlowStateConnectionsRequest');
-}
-
-/**
- * Execution that retrieves the current Flow state connections from the FComponentsStore.
+class CalculateNodesBoundingBoxNormalizedPositionRequest {
+    fNodes;
+    static fToken = Symbol('CalculateNodesBoundingBoxNormalizedPositionRequest');
+    constructor(fNodes) {
+        this.fNodes = fNodes;
+    }
+}
+
+/**
+ * Execution that calculates the bounding box of all nodes in the FComponentsStore
+ * and returns their normalized positions.
+ * It retrieves the rectangles of each node's host element and computes their union.
  */
-let GetFlowStateConnectionsExecution = class GetFlowStateConnectionsExecution {
+let CalculateNodesBoundingBoxNormalizedPosition = class CalculateNodesBoundingBoxNormalizedPosition {
     _store = inject(FComponentsStore);
-    handle(_request) {
-        return this._store.fConnections.map(this._mapToConnectionState);
+    handle(request) {
+        return RectExtensions.union(this._getNodesRects(request.fNodes || this._store.fNodes));
     }
-    _mapToConnectionState(x) {
-        return {
-            id: x.fId(),
-            fOutputId: x.fOutputId(),
-            fInputId: x.fInputId(),
-            fType: x.fType,
-            fBehavior: x.fBehavior,
-            isSelected: x.isSelected(),
-        };
+    _getNodesRects(fNodes) {
+        return fNodes.map((x) => {
+            return this._getElementRect(x, RectExtensions.fromElement(x.hostElement));
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateConnectionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateConnectionsExecution });
+    _getElementRect(fNode, rect) {
+        return RectExtensions.initialize(fNode._position.x, fNode._position.y, rect.width, rect.height);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPosition });
 };
-GetFlowStateConnectionsExecution = __decorate([
-    FExecutionRegister(GetFlowStateConnectionsRequest)
-], GetFlowStateConnectionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateConnectionsExecution, decorators: [{
+CalculateNodesBoundingBoxNormalizedPosition = __decorate([
+    FExecutionRegister(CalculateNodesBoundingBoxNormalizedPositionRequest)
+], CalculateNodesBoundingBoxNormalizedPosition);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPosition, decorators: [{
             type: Injectable
         }] });
 
-class GetFlowStateNodesRequest {
-    type;
-    static fToken = Symbol('GetFlowStateNodesRequest');
-    constructor(type) {
-        this.type = type;
+class CalculateOutputConnectionsRequest {
+    nodeOrGroup;
+    static fToken = Symbol('CalculateOutputConnectionsRequest');
+    constructor(nodeOrGroup) {
+        this.nodeOrGroup = nodeOrGroup;
     }
 }
 
 /**
- * Execution that retrieves the state of Flow nodes, including their position, size, inputs, outputs, and selection status.
+ * Execution that calculates output connections for a given FNode.
  */
-let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
+let CalculateOutputConnections = class CalculateOutputConnections {
     _store = inject(FComponentsStore);
-    handle(request) {
-        return this._store.fNodes
-            .filter((x) => x instanceof request.type)
-            .map((x) => {
-            return {
-                id: x.fId(),
-                parent: x.fParentId(),
-                position: x._position,
-                size: x._size,
-                rotate: x._rotate,
-                fOutputs: this._getOutputs(x.hostElement),
-                fInputs: this._getInputs(x.hostElement),
-                isSelected: x.isSelected(),
-            };
-        });
-    }
-    _getOutputs(hostElement) {
-        return this._store.fOutputs
-            .filter((x) => hostElement.contains(x.hostElement))
-            .map((x) => {
-            return {
-                id: x.fId(),
-                fConnectableSide: x.fConnectableSide,
-            };
-        });
+    handle({ nodeOrGroup }) {
+        const ids = this._collectOutputIds(nodeOrGroup);
+        return this._collectConnections(ids);
+    }
+    _collectOutputIds(nodeOrGroup) {
+        const ids = new Set();
+        for (const connector of this._store.fOutputs) {
+            if (nodeOrGroup.isContains(connector.hostElement)) {
+                ids.add(connector.fId());
+            }
+        }
+        return ids;
     }
-    _getInputs(hostElement) {
-        return this._store.fInputs
-            .filter((x) => hostElement.contains(x.hostElement))
-            .map((x) => {
-            return {
-                id: x.fId(),
-                fConnectableSide: x.fConnectableSide,
-            };
-        });
+    _collectConnections(ids) {
+        const result = [];
+        for (const conn of this._store.fConnections) {
+            if (ids.has(conn.fOutputId())) {
+                result.push(conn);
+            }
+        }
+        return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateNodesExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateNodesExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateOutputConnections, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateOutputConnections });
 };
-GetFlowStateNodesExecution = __decorate([
-    FExecutionRegister(GetFlowStateNodesRequest)
-], GetFlowStateNodesExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateNodesExecution, decorators: [{
+CalculateOutputConnections = __decorate([
+    FExecutionRegister(CalculateOutputConnectionsRequest)
+], CalculateOutputConnections);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateOutputConnections, decorators: [{
             type: Injectable
         }] });
 
-class GetFlowStateRequest {
-    static fToken = Symbol('GetFlowStateRequest');
+class FitToChildNodesAndGroupsRequest {
+    nodeOrGroup;
+    static fToken = Symbol('FitToChildNodesAndGroupsRequest');
+    constructor(nodeOrGroup) {
+        this.nodeOrGroup = nodeOrGroup;
+    }
+}
+
+class GetNodePaddingRequest {
+    fNode;
+    rect;
+    static fToken = Symbol('GetNodePaddingRequest');
+    constructor(fNode, rect) {
+        this.fNode = fNode;
+        this.rect = rect;
+    }
 }
 
 /**
- * Execution that retrieves the current state of the Flow, including its position, scale, nodes, groups, and connections.
+ * Execution that retrieves the padding data of a Node.
+ * If the Node does not include padding, it returns [0, 0, 0, 0].
  */
-let GetFlowStateExecution = class GetFlowStateExecution {
+let GetNodePadding = class GetNodePadding {
+    _browser = inject(BrowserService);
+    handle(request) {
+        return request.fNode.fIncludePadding() ? this.getPaddingData(request.fNode, request.rect) : [0, 0, 0, 0];
+    }
+    getPaddingData(node, rect) {
+        const style = this._browser.window.getComputedStyle(node.hostElement);
+        return [
+            this._browser.toPixels(style.paddingLeft, rect.width, rect.height, style.fontSize),
+            this._browser.toPixels(style.paddingTop, rect.width, rect.height, style.fontSize),
+            this._browser.toPixels(style.paddingRight, rect.width, rect.height, style.fontSize),
+            this._browser.toPixels(style.paddingBottom, rect.width, rect.height, style.fontSize),
+        ];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodePadding, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodePadding });
+};
+GetNodePadding = __decorate([
+    FExecutionRegister(GetNodePaddingRequest)
+], GetNodePadding);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodePadding, decorators: [{
+            type: Injectable
+        }] });
+
+let FitToChildNodesAndGroups = class FitToChildNodesAndGroups {
     _mediator = inject(FMediator);
     _store = inject(FComponentsStore);
-    handle(payload) {
-        return {
-            position: this._getCanvasPosition(this._store.fCanvas.transform),
-            scale: this._store.fCanvas.transform.scale,
-            nodes: this._mediator.execute(new GetFlowStateNodesRequest(FNodeDirective)),
-            groups: this._mediator.execute(new GetFlowStateNodesRequest(FGroupDirective)),
-            connections: this._mediator.execute(new GetFlowStateConnectionsRequest()),
-        };
+    get _nodes() {
+        return this._store.fNodes;
     }
-    _getCanvasPosition(transform) {
-        return PointExtensions.sum(transform.position, transform.scaledPosition);
+    handle({ nodeOrGroup }) {
+        if (nodeOrGroup.fAutoSizeToFitChildren()) {
+            const directChildren = this._calculateDirectChildren(nodeOrGroup);
+            if (directChildren.length) {
+                const currentBounding = this._boundingRect(nodeOrGroup);
+                const childrenBounding = this._calculateChildrenBounding(directChildren, this._paddings(nodeOrGroup, currentBounding));
+                nodeOrGroup.updatePosition(childrenBounding);
+                nodeOrGroup.updateSize(childrenBounding);
+                nodeOrGroup.redraw();
+            }
+        }
+        const parent = nodeOrGroup.fParentId();
+        if (!parent) {
+            return;
+        }
+        const parentNode = this._nodes.find(x => x.fId() === parent);
+        if (!parentNode) {
+            return;
+        }
+        this._mediator.execute(new FitToChildNodesAndGroupsRequest(parentNode));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateExecution });
+    _calculateDirectChildren(nodeOrGroup) {
+        return this._nodes.filter(x => x.fParentId() === nodeOrGroup.fId());
+    }
+    _unionRect(nodeOrGroups) {
+        return RectExtensions.union(nodeOrGroups.map((x) => this._boundingRect(x))) || RectExtensions.initialize();
+    }
+    _boundingRect(nodeOrGroup) {
+        return this._mediator.execute(new GetNormalizedElementRectRequest(nodeOrGroup.hostElement));
+    }
+    _paddings(nodeOrGroup, rect) {
+        return this._mediator.execute(new GetNodePaddingRequest(nodeOrGroup, rect));
+    }
+    _calculateChildrenBounding(directChildren, [top, right, bottom, left]) {
+        let childrenBounding = this._unionRect(directChildren);
+        childrenBounding = RectExtensions.initialize(childrenBounding.x - left, childrenBounding.y - top, childrenBounding.width + left + right, childrenBounding.height + top + bottom);
+        return childrenBounding;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FitToChildNodesAndGroups, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FitToChildNodesAndGroups });
 };
-GetFlowStateExecution = __decorate([
-    FExecutionRegister(GetFlowStateRequest)
-], GetFlowStateExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateExecution, decorators: [{
+FitToChildNodesAndGroups = __decorate([
+    FExecutionRegister(FitToChildNodesAndGroupsRequest)
+], FitToChildNodesAndGroups);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FitToChildNodesAndGroups, decorators: [{
             type: Injectable
         }] });
 
+class GetChildNodeIdsRequest {
+    id;
+    static fToken = Symbol('GetChildNodeIdsRequest');
+    constructor(id) {
+        this.id = id;
+    }
+}
+
 /**
- * Providers for retrieving the current Flow state, including nodes, groups, and connections.
+ * Execution that retrieves all child nodes of a given node in the Flow.
  */
-const GET_FLOW_STATE_PROVIDERS = [
-    GetFlowStateExecution,
-    GetFlowStateNodesExecution,
-    GetFlowStateConnectionsExecution,
-];
+let GetChildNodeIds = class GetChildNodeIds {
+    _store = inject(FComponentsStore);
+    get _allNodesAndGroups() {
+        return this._store.fNodes;
+    }
+    handle(request) {
+        if (!request.id) {
+            return [];
+        }
+        const visited = new Set();
+        const result = [];
+        this._collectDescendants(request.id, result, visited);
+        return result;
+    }
+    _collectDescendants(nodeId, result, visited) {
+        if (visited.has(nodeId)) {
+            throw new Error(`Circular reference detected in the node hierarchy. Node id: ${nodeId}`);
+        }
+        visited.add(nodeId);
+        const children = this._allNodesAndGroups.filter(n => n.fParentId() === nodeId).map((x) => x.fId());
+        result.push(...children);
+        for (const id of children) {
+            this._collectDescendants(id, result, visited);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetChildNodeIds, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetChildNodeIds });
+};
+GetChildNodeIds = __decorate([
+    FExecutionRegister(GetChildNodeIdsRequest)
+], GetChildNodeIds);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetChildNodeIds, decorators: [{
+            type: Injectable
+        }] });
 
-class RemoveFlowFromStoreRequest {
-    static fToken = Symbol('RemoveFlowFromStoreRequest');
+class GetParentNodesRequest {
+    fNode;
+    static fToken = Symbol('GetParentNodesRequest');
+    constructor(fNode) {
+        this.fNode = fNode;
+    }
 }
 
 /**
- * Execution that removes a Flow from the FComponentsStore.
+ * Execution that retrieves all parent nodes of a given node from the FComponentsStore.
  */
-let RemoveFlowFromStoreExecution = class RemoveFlowFromStoreExecution {
+let GetParentNodes = class GetParentNodes {
     _store = inject(FComponentsStore);
     handle(request) {
-        this._store.fFlow = undefined;
+        return this._getParentNodes(request.fNode, new Set(), []);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveFlowFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveFlowFromStoreExecution });
+    _getParentNodes(fNode, visited, result) {
+        if (visited.has(fNode.fId())) {
+            throw new Error('Circular reference detected in the node hierarchy. Node id: ' + fNode.fId());
+        }
+        visited.add(fNode.fId());
+        const parent = this._store.fNodes.find((x) => x.fId() === fNode.fParentId());
+        if (!parent) {
+            return result;
+        }
+        result.push(parent);
+        return this._getParentNodes(parent, visited, result);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetParentNodes, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetParentNodes });
 };
-RemoveFlowFromStoreExecution = __decorate([
-    FExecutionRegister(RemoveFlowFromStoreRequest)
-], RemoveFlowFromStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveFlowFromStoreExecution, decorators: [{
+GetParentNodes = __decorate([
+    FExecutionRegister(GetParentNodesRequest)
+], GetParentNodes);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetParentNodes, decorators: [{
             type: Injectable
         }] });
 
+class UpdateNodeWhenStateOrSizeChangedRequest {
+    nodeOrGroup;
+    destroyRef;
+    static fToken = Symbol('UpdateNodeWhenStateOrSizeChangedRequest');
+    constructor(nodeOrGroup, destroyRef) {
+        this.nodeOrGroup = nodeOrGroup;
+        this.destroyRef = destroyRef;
+    }
+}
+
 /**
- * Providers for managing the Flow in the FComponentsStore.
- * This includes adding, retrieving, and removing the Flow,
- * as well as getting the Flow host element and its state.
+ * Execution that updates a node's connectors when its state or size changes.
  */
-const F_FLOW_FEATURES = [
-    AddFlowToStoreExecution,
-    GetFlowExecution,
-    GetFlowHostElementExecution,
-    ...GET_FLOW_STATE_PROVIDERS,
-    RemoveFlowFromStoreExecution,
-];
+let UpdateNodeWhenStateOrSizeChanged = class UpdateNodeWhenStateOrSizeChanged {
+    _mediator = inject(FMediator);
+    /**
+     * Handles the request to update the node's connectors based on state or size changes.
+     * It listens for resize events and recalculates the connectable sides of the connectors.
+     * @param request
+     */
+    handle({ nodeOrGroup, destroyRef }) {
+        const { hostElement, stateChanges } = nodeOrGroup;
+        new FChannelHub(new FResizeChannel(hostElement), stateChanges)
+            .pipe(notifyOnStart(), debounceTime(10))
+            .listen(destroyRef, () => {
+            this._mediator.execute(new NotifyDataChangedRequest());
+            if (!this._isDragging()) {
+                this._mediator.execute(new CalculateConnectorsConnectableSidesRequest(nodeOrGroup));
+                this._mediator.execute(new FitToChildNodesAndGroupsRequest(nodeOrGroup));
+            }
+        });
+    }
+    _isDragging() {
+        return this._mediator.execute(new IsDragStartedRequest());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateNodeWhenStateOrSizeChanged, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateNodeWhenStateOrSizeChanged });
+};
+UpdateNodeWhenStateOrSizeChanged = __decorate([
+    FExecutionRegister(UpdateNodeWhenStateOrSizeChangedRequest)
+], UpdateNodeWhenStateOrSizeChanged);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateNodeWhenStateOrSizeChanged, decorators: [{
+            type: Injectable
+        }] });
 
-class AddLineAlignmentToStoreRequest {
+class RemoveNodeFromStoreRequest {
     fComponent;
-    static fToken = Symbol('AddLineAlignmentToStoreRequest');
+    static fToken = Symbol('RemoveNodeFromStoreRequest');
     constructor(fComponent) {
         this.fComponent = fComponent;
     }
 }
 
 /**
- * Execution that adds a line alignment to the FComponentsStore.
+ * Execution that removes a node from the FComponentsStore.
  */
-let AddLineAlignmentToStoreExecution = class AddLineAlignmentToStoreExecution {
+let RemoveNodeFromStore = class RemoveNodeFromStore {
     _store = inject(FComponentsStore);
     handle(request) {
-        this._store.fLineAlignment = request.fComponent;
+        this._store.removeComponent(this._store.fNodes, request.fComponent);
+    }
+    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 });
+};
+RemoveNodeFromStore = __decorate([
+    FExecutionRegister(RemoveNodeFromStoreRequest)
+], RemoveNodeFromStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveNodeFromStore, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * This file exports all the node-related executions that can be used in the F-Flow domain.
+ */
+const F_NODE_FEATURES = [
+    AddNodeToStore,
+    CalculateConnectableSideByConnectedPositions,
+    CalculateConnectableSideByInternalPosition,
+    CalculateInputConnections,
+    CalculateConnectorsConnectableSides,
+    CalculateNodesBoundingBox,
+    CalculateNodesBoundingBoxNormalizedPosition,
+    CalculateOutputConnections,
+    FitToChildNodesAndGroups,
+    GetChildNodeIds,
+    GetNodePadding,
+    GetParentNodes,
+    UpdateNodeWhenStateOrSizeChanged,
+    RemoveNodeFromStore,
+];
+
+/**
+ * Execution that retrieves all input connectors that can be connected to a given output or outlet connector,
+ */
+let CalculateTargetConnectorsToConnect = class CalculateTargetConnectorsToConnect {
+    _mediator = inject(FMediator);
+    _store = inject(FComponentsStore);
+    get _targetConnectors() {
+        return this._store.fInputs;
+    }
+    handle({ sourceConnector, pointerPosition, }) {
+        const result = this._getCanBeConnectedInputs(sourceConnector).map((x) => {
+            return this._mediator.execute(new GetConnectorAndRectRequest(x));
+        });
+        setTimeout(() => {
+            this._calculateConnectableSides(result, pointerPosition);
+        });
+        return result;
+    }
+    _getCanBeConnectedInputs(outputOrOutlet) {
+        let targetConnectors = [];
+        if (outputOrOutlet.hasConnectionLimits) {
+            targetConnectors = this._targetConnectors.filter((x) => outputOrOutlet.canConnectTo(x));
+        }
+        else {
+            targetConnectors = this._targetConnectors.filter((x) => x.canBeConnected);
+            if (!outputOrOutlet.isSelfConnectable) {
+                targetConnectors = this._filterSelfConnectable(targetConnectors, outputOrOutlet);
+            }
+        }
+        return targetConnectors;
+    }
+    _filterSelfConnectable(targetConnectors, outputOrOutlet) {
+        return targetConnectors.filter(({ fNodeId }) => outputOrOutlet.fNodeId !== fNodeId);
+    }
+    _calculateConnectableSides(connectors, pointerPosition) {
+        connectors.forEach((x) => {
+            if (isCalculateMode(x.fConnector.userFConnectableSide)) {
+                x.fConnector.fConnectableSide = this._calculateByConnectedPositions(x.fConnector, pointerPosition);
+            }
+        });
     }
-    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 });
+    /** Delegates to the connected-positions calculation execution. */
+    _calculateByConnectedPositions(connector, pointerPosition) {
+        return this._mediator.execute(new CalculateConnectableSideByConnectedPositionsRequest(connector, pointerPosition));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateTargetConnectorsToConnect, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateTargetConnectorsToConnect });
 };
-AddLineAlignmentToStoreExecution = __decorate([
-    FExecutionRegister(AddLineAlignmentToStoreRequest)
-], AddLineAlignmentToStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStoreExecution, decorators: [{
+CalculateTargetConnectorsToConnect = __decorate([
+    FExecutionRegister(CalculateTargetConnectorsToConnectRequest)
+], CalculateTargetConnectorsToConnect);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateTargetConnectorsToConnect, decorators: [{
             type: Injectable
         }] });
 
-class RemoveLineAlignmentFromStoreRequest {
-    static fToken = Symbol('RemoveLineAlignmentFromStoreRequest');
+class CalculateSourceConnectorsToConnectRequest {
+    targetConnector;
+    pointerPosition;
+    static fToken = Symbol('CalculateSourceConnectorsToConnectRequest');
+    constructor(targetConnector, pointerPosition) {
+        this.targetConnector = targetConnector;
+        this.pointerPosition = pointerPosition;
+    }
 }
 
 /**
- * Execution that removes a line alignment from the FComponentsStore.
+ * Execution that retrieves all source connectors that can be connected to a given target connector,
+ * along with their rectangles.
+ * Source - Output or Outlet connectors.
  */
-let RemoveLineAlignmentFromStoreExecution = class RemoveLineAlignmentFromStoreExecution {
+let CalculateSourceConnectorsToConnect = class CalculateSourceConnectorsToConnect {
+    _mediator = inject(FMediator);
     _store = inject(FComponentsStore);
-    handle(request) {
-        this._store.fLineAlignment = undefined;
+    get _sourceConnectors() {
+        return this._store.fOutputs;
     }
-    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 });
+    handle({ targetConnector, pointerPosition, }) {
+        const result = this._getConnectableSources(targetConnector).map((x) => {
+            return this._mediator.execute(new GetConnectorAndRectRequest(x));
+        });
+        setTimeout(() => {
+            this._calculateConnectableSides(result, pointerPosition);
+        });
+        return result;
+    }
+    _getConnectableSources(targetConnector) {
+        return this._sourceConnectors.filter((x) => {
+            let result = x.canBeConnected;
+            if (result && x.hasConnectionLimits) {
+                result = x.canConnectTo(targetConnector);
+            }
+            return result;
+        });
+    }
+    _calculateConnectableSides(connectors, pointerPosition) {
+        connectors.forEach((x) => {
+            if (isCalculateMode(x.fConnector.userFConnectableSide)) {
+                x.fConnector.fConnectableSide = this._calculateByConnectedPositions(x.fConnector, pointerPosition);
+            }
+        });
+    }
+    /** Delegates to the connected-positions calculation execution. */
+    _calculateByConnectedPositions(connector, pointerPosition) {
+        return this._mediator.execute(new CalculateConnectableSideByConnectedPositionsRequest(connector, pointerPosition));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateSourceConnectorsToConnect, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateSourceConnectorsToConnect });
 };
-RemoveLineAlignmentFromStoreExecution = __decorate([
-    FExecutionRegister(RemoveLineAlignmentFromStoreRequest)
-], RemoveLineAlignmentFromStoreExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStoreExecution, decorators: [{
+CalculateSourceConnectorsToConnect = __decorate([
+    FExecutionRegister(CalculateSourceConnectorsToConnectRequest)
+], CalculateSourceConnectorsToConnect);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateSourceConnectorsToConnect, decorators: [{
             type: Injectable
         }] });
 
-/**
- * Collection of all FLineAlignment feature executions.
- * These executions handle the addition and removal of line alignments
- * in the FComponentsStore.
- */
-const F_LINE_ALIGNMENT_FEATURES = [
-    AddLineAlignmentToStoreExecution,
-    RemoveLineAlignmentFromStoreExecution,
-];
-
-class AddNodeToStoreRequest {
-    fComponent;
-    static fToken = Symbol('AddNodeToStoreRequest');
-    constructor(fComponent) {
-        this.fComponent = fComponent;
+class MarkConnectableConnectorsRequest {
+    connectors;
+    static fToken = Symbol('MarkConnectableConnectorsRequest');
+    constructor(connectors) {
+        this.connectors = connectors;
     }
 }
 
 /**
- * Execution that adds a Node to the FComponentsStore.
+ * Execution that marks connectors as connectable.
  */
-let AddNodeToStore = class AddNodeToStore {
+let MarkConnectableConnectors = class MarkConnectableConnectors {
     _store = inject(FComponentsStore);
-    handle(request) {
-        this._store.addComponent(this._store.fNodes, request.fComponent);
+    handle({ connectors }) {
+        this._store.flowHost.classList.add(F_CSS_CLASS.DRAG_AND_DROP.CONNECTIONS_DRAGGING);
+        connectors.forEach((x) => this._markConnector(x));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddNodeToStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddNodeToStore });
+    _markConnector({ hostElement }) {
+        hostElement.classList.add(F_CSS_CLASS.CONNECTOR.CONNECTABLE);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkConnectableConnectors, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkConnectableConnectors });
 };
-AddNodeToStore = __decorate([
-    FExecutionRegister(AddNodeToStoreRequest)
-], AddNodeToStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddNodeToStore, decorators: [{
+MarkConnectableConnectors = __decorate([
+    FExecutionRegister(MarkConnectableConnectorsRequest)
+], MarkConnectableConnectors);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkConnectableConnectors, decorators: [{
             type: Injectable
         }] });
 
-class CalculateInputConnectionsRequest {
-    fNode;
-    static fToken = Symbol('CalculateInputConnectionsRequest');
-    constructor(fNode) {
-        this.fNode = fNode;
+class RemoveInputFromStoreRequest {
+    component;
+    static fToken = Symbol('RemoveInputFromStoreRequest');
+    constructor(component) {
+        this.component = component;
     }
 }
 
 /**
- * Execution that calculates input connections for a given FNode.
+ * Execution that removes an inputConnector from the FComponentsStore.
  */
-let CalculateInputConnections = class CalculateInputConnections {
+let RemoveInputFromStore = class RemoveInputFromStore {
     _store = inject(FComponentsStore);
-    handle(request) {
-        return this._calculateConnections(new Set(this._calculateConnectors(request.fNode)));
-    }
-    _calculateConnectors(fNode) {
-        return this._store.fInputs.filter((x) => fNode.isContains(x.hostElement)).map((x) => x.fId());
-    }
-    _calculateConnections(ids) {
-        return this._store.fConnections.filter((x) => ids.has(x.fInputId()));
+    handle({ component }) {
+        this._store.removeComponent(this._store.fInputs, component);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateInputConnections, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateInputConnections });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveInputFromStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveInputFromStore });
 };
-CalculateInputConnections = __decorate([
-    FExecutionRegister(CalculateInputConnectionsRequest)
-], CalculateInputConnections);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateInputConnections, decorators: [{
+RemoveInputFromStore = __decorate([
+    FExecutionRegister(RemoveInputFromStoreRequest)
+], RemoveInputFromStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveInputFromStore, decorators: [{
             type: Injectable
         }] });
 
-class CalculateConnectableSideByConnectedPositionsRequest {
-    connector;
-    static fToken = Symbol('CalculateConnectableSideByConnectedPositionsRequest');
-    constructor(connector) {
-        this.connector = connector;
-    }
-}
-
-class CalculateConnectableSideByInternalPositionRequest {
-    connector;
-    static fToken = Symbol('CalculateConnectableSideByInternalPositionRequest');
-    constructor(connector) {
-        this.connector = connector;
+class RemoveOutletFromStoreRequest {
+    fComponent;
+    static fToken = Symbol('RemoveOutletFromStoreRequest');
+    constructor(fComponent) {
+        this.fComponent = fComponent;
     }
 }
 
 /**
- * Execution that calculates the connectable side for a connector
- * based on the internal position of the connector relative to its node host.
- */
-let CalculateConnectableSideByInternalPosition = class CalculateConnectableSideByInternalPosition {
-    handle({ connector, }) {
-        return this._getSideByDelta(connector.hostElement, connector.fNodeHost);
-    }
-    /**
-     * Determines the side of the connector relative to the node host based on the minimum distance.
-     * @param connectorHost
-     * @param nodeHost
-     * @private
-     */
-    _getSideByDelta(connectorHost, nodeHost) {
-        let result;
-        const childRect = RectExtensions.fromElement(connectorHost);
-        const parentRect = nodeHost.getBoundingClientRect();
-        const deltaLeft = childRect.gravityCenter.x - parentRect.left;
-        const deltaRight = parentRect.right - childRect.gravityCenter.x;
-        const deltaTop = childRect.gravityCenter.y - parentRect.top;
-        const deltaBottom = parentRect.bottom - childRect.gravityCenter.y;
-        const minDelta = Math.min(deltaLeft, deltaRight, deltaTop, deltaBottom);
-        if (minDelta === deltaLeft) {
-            result = EFConnectableSide.LEFT;
-        }
-        else if (minDelta === deltaRight) {
-            result = EFConnectableSide.RIGHT;
-        }
-        else if (minDelta === deltaTop) {
-            result = EFConnectableSide.TOP;
-        }
-        else {
-            result = EFConnectableSide.BOTTOM;
-        }
-        return result;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByInternalPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByInternalPosition });
-};
-CalculateConnectableSideByInternalPosition = __decorate([
-    FExecutionRegister(CalculateConnectableSideByInternalPositionRequest)
-], CalculateConnectableSideByInternalPosition);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByInternalPosition, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Execution that calculates the connectable side for a connector
- * based on the positions of its connected connectors.
+ * Execution that removes an outlet connector from the FComponentsStore.
  */
-let CalculateConnectableSideByConnectedPositions = class CalculateConnectableSideByConnectedPositions {
-    _mediator = inject(FMediator);
-    /**
-     * Handles the request to calculate the connectable side for a connector
-     * based on the positions of its connected connectors.
-     *
-     * @param request - Contains the connector host element and its connected connectors.
-     * @returns {EFConnectableSide} - The calculated connectable side.
-     */
-    handle({ connector, }) {
-        const selfCenter = RectExtensions.fromElement(connector.hostElement).gravityCenter;
-        const targetCenters = this._getConnectedCenters(connector.hostElement, connector.toConnector);
-        if (!targetCenters.length) {
-            return this._mediator.execute(new CalculateConnectableSideByInternalPositionRequest(connector));
-        }
-        const avg = this._calculateAveragePoint(targetCenters);
-        return this._determineSide(selfCenter, avg);
-    }
-    /**
-     * Extracts the gravity centers of connected connectors, excluding the current connector.
-     *
-     * @param selfHost - The host element of the current connector.
-     * @param connected - The list of connected connectors.
-     * @returns {Array<{x: number, y: number}>} - An array of gravity center coordinates.
-     */
-    _getConnectedCenters(selfHost, connected) {
-        return (connected ?? [])
-            .map((c) => c?.hostElement)
-            .filter((el) => !!el && el !== selfHost)
-            .map((el) => RectExtensions.fromElement(el).gravityCenter);
-    }
-    /**
-     * Calculates the average point (center of mass) from a set of points.
-     *
-     * @param points - An array of point objects with x and y coordinates.
-     * @returns {{x: number, y: number}} - The average x and y coordinate.
-     */
-    _calculateAveragePoint(points) {
-        const sum = points.reduce((result, p) => {
-            result.x += p.x;
-            result.y += p.y;
-            return result;
-        }, PointExtensions.initialize());
-        return {
-            x: sum.x / points.length,
-            y: sum.y / points.length,
-        };
-    }
-    /**
-     * Determines the connectable side of the current connector relative to the
-     * average position of its connected connectors.
-     *
-     * @param self - The gravity center of the current connector.
-     * @param avg - The average gravity center of connected connectors.
-     * @returns {EFConnectableSide} - The chosen side (LEFT, RIGHT, TOP, BOTTOM).
-     */
-    _determineSide(self, avg) {
-        const dx = avg.x - self.x;
-        const dy = avg.y - self.y;
-        const snapEps = 2; // px — hysteresis threshold to avoid side-flipping near diagonals
-        if (Math.abs(dx) - Math.abs(dy) > snapEps) {
-            return dx < 0 ? EFConnectableSide.LEFT : EFConnectableSide.RIGHT;
-        }
-        if (Math.abs(dy) - Math.abs(dx) > snapEps) {
-            return dy < 0 ? EFConnectableSide.TOP : EFConnectableSide.BOTTOM;
-        }
-        // When differences are nearly equal, prefer vertical orientation for stability
-        return dy < 0 ? EFConnectableSide.TOP : EFConnectableSide.BOTTOM;
+let RemoveOutletFromStoreExecution = class RemoveOutletFromStoreExecution {
+    _store = inject(FComponentsStore);
+    handle(request) {
+        this._store.removeComponent(this._store.fOutlets, request.fComponent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByConnectedPositions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByConnectedPositions });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutletFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutletFromStoreExecution });
 };
-CalculateConnectableSideByConnectedPositions = __decorate([
-    FExecutionRegister(CalculateConnectableSideByConnectedPositionsRequest)
-], CalculateConnectableSideByConnectedPositions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateConnectableSideByConnectedPositions, decorators: [{
+RemoveOutletFromStoreExecution = __decorate([
+    FExecutionRegister(RemoveOutletFromStoreRequest)
+], RemoveOutletFromStoreExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutletFromStoreExecution, decorators: [{
             type: Injectable
         }] });
 
-class CalculateNodeConnectorsConnectableSidesRequest {
-    node;
-    static fToken = Symbol('CalculateNodeConnectorsConnectableSidesRequest');
-    constructor(node) {
-        this.node = node;
+class RemoveOutputFromStoreRequest {
+    fComponent;
+    static fToken = Symbol('RemoveOutputFromStoreRequest');
+    constructor(fComponent) {
+        this.fComponent = fComponent;
     }
 }
 
 /**
- * Execution that calculates connectable sides for all connectors of a node.
- *
- * Responsibility:
- * - For each connector, decide the effective connectable side according to:
- *   - AUTO       -> by internal position relative to node host
- *   - CALCULATE  -> by positions of connected connectors
- *   - explicit   -> use the user-defined side as-is
- * - For each `toConnector` whose user side is CALCULATE, recalculate it as well.
+ * Execution that removes an outlet connector from the FComponentsStore.
  */
-let CalculateNodeConnectorsConnectableSides = class CalculateNodeConnectorsConnectableSides {
-    _mediator = inject(FMediator);
-    /**
-     * Orchestrates side calculation for all connectors of the given node.
-     *
-     * @param request.node - Node whose connectors should be recalculated.
-     */
-    handle({ node }) {
-        node.connectors.forEach((connector) => {
-            this._updateConnectorSide(connector);
-            this._updateConnectedTargets(connector);
-        });
-    }
-    /**
-     * Calculates and assigns the connectable side for a single connector.
-     *
-     * @param connector - The connector being updated.
-     */
-    _updateConnectorSide(connector) {
-        connector.fConnectableSide = this._resolveSideForConnector(connector);
-    }
-    /**
-     * Recalculates connectable sides for all `toConnector` items that are marked as CALCULATE.
-     *
-     * @param source - The source connector whose outgoing connections should be processed.
-     */
-    _updateConnectedTargets(source) {
-        source.toConnector.forEach((target) => {
-            if (target.userFConnectableSide === EFConnectableSide.CALCULATE) {
-                target.fConnectableSide = this._resolveSideByConnectedPositions(target);
-            }
-        });
-    }
-    /**
-     * Resolves the effective side for a connector according to its user preference.
-     *
-     * @param connector - The connector to resolve side for.
-     * @returns {EFConnectableSide} - The resolved side.
-     */
-    _resolveSideForConnector(connector) {
-        const preference = connector.userFConnectableSide;
-        if (preference === EFConnectableSide.AUTO) {
-            return this._resolveSideByInternalPosition(connector);
-        }
-        if (preference === EFConnectableSide.CALCULATE) {
-            return this._resolveSideByConnectedPositions(connector);
-        }
-        // Explicit side set by the user
-        return preference;
-    }
-    /**
-     * Calculates side using the connector's internal position relative to the node host.
-     * Delegates to `CalculateConnectableSideByInternalPositionRequest`.
-     *
-     * @param connector - Current connector.
-     * @returns {EFConnectableSide}
-     */
-    _resolveSideByInternalPosition(connector) {
-        return this._mediator.execute(new CalculateConnectableSideByInternalPositionRequest(connector));
-    }
-    /**
-     * Calculates side using average positions of connectors connected to the given connector.
-     * Delegates to `CalculateConnectableSideByConnectedPositionsRequest`.
-     *
-     * @param connector - Current connector.
-     * @returns {EFConnectableSide}
-     */
-    _resolveSideByConnectedPositions(connector) {
-        return this._mediator.execute(new CalculateConnectableSideByConnectedPositionsRequest(connector));
+let RemoveOutputFromStoreExecution = class RemoveOutputFromStoreExecution {
+    _store = inject(FComponentsStore);
+    handle(request) {
+        this._store.removeComponent(this._store.fOutputs, request.fComponent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodeConnectorsConnectableSides, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodeConnectorsConnectableSides });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutputFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutputFromStoreExecution });
 };
-CalculateNodeConnectorsConnectableSides = __decorate([
-    FExecutionRegister(CalculateNodeConnectorsConnectableSidesRequest)
-], CalculateNodeConnectorsConnectableSides);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodeConnectorsConnectableSides, decorators: [{
+RemoveOutputFromStoreExecution = __decorate([
+    FExecutionRegister(RemoveOutputFromStoreRequest)
+], RemoveOutputFromStoreExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveOutputFromStoreExecution, decorators: [{
             type: Injectable
         }] });
 
-class CalculateNodesBoundingBoxRequest {
-    static fToken = Symbol('CalculateNodesBoundingBoxRequest');
+class UnmarkConnectableConnectorsRequest {
+    connectors;
+    static fToken = Symbol('UnmarkConnectableConnectorsRequest');
+    constructor(connectors) {
+        this.connectors = connectors;
+    }
 }
 
 /**
- * Execution that calculates the bounding box of all nodes in the FComponentsStore.
- * It retrieves the rectangles of each node's host element and computes their union.
+ * Execution that unmarks connectors as connectable.
  */
-let CalculateNodesBoundingBox = class CalculateNodesBoundingBox {
+let UnmarkConnectableConnectors = class UnmarkConnectableConnectors {
     _store = inject(FComponentsStore);
-    handle(request) {
-        return RectExtensions.union(this._getNodesRects());
-    }
-    _getNodesRects() {
-        return this._store.fNodes.map((x) => this._getElementRect(x.hostElement));
+    handle({ connectors }) {
+        this._store.flowHost.classList.remove(F_CSS_CLASS.DRAG_AND_DROP.CONNECTIONS_DRAGGING);
+        connectors.forEach((x) => this._unmarkConnector(x));
     }
-    _getElementRect(element) {
-        return RectExtensions.fromElement(element);
+    _unmarkConnector({ hostElement }) {
+        hostElement.classList.remove(F_CSS_CLASS.CONNECTOR.CONNECTABLE);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBox, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBox });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnmarkConnectableConnectors, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnmarkConnectableConnectors });
 };
-CalculateNodesBoundingBox = __decorate([
-    FExecutionRegister(CalculateNodesBoundingBoxRequest)
-], CalculateNodesBoundingBox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBox, decorators: [{
+UnmarkConnectableConnectors = __decorate([
+    FExecutionRegister(UnmarkConnectableConnectorsRequest)
+], UnmarkConnectableConnectors);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UnmarkConnectableConnectors, decorators: [{
             type: Injectable
         }] });
 
-class CalculateNodesBoundingBoxNormalizedPositionRequest {
-    fNodes;
-    static fToken = Symbol('CalculateNodesBoundingBoxNormalizedPositionRequest');
-    constructor(fNodes) {
-        this.fNodes = fNodes;
+/*
+ * This file exports all the connector-related executions that can be used in the FFlow domain.
+ */
+const F_CONNECTORS_FEATURES = [
+    AddInputToStore,
+    AddOutletToStore,
+    AddOutputToStore,
+    CalculateClosestConnector,
+    FindConnectableConnectorUsingPriorityAndPositionExecution,
+    CalculateSourceConnectorsToConnect,
+    CalculateTargetConnectorsToConnect,
+    GetConnectorAndRect,
+    MarkConnectableConnectors,
+    RemoveInputFromStore,
+    RemoveOutletFromStoreExecution,
+    RemoveOutputFromStoreExecution,
+    UnmarkConnectableConnectors,
+];
+
+class AddFlowToStoreRequest {
+    fComponent;
+    static fToken = Symbol('AddFlowToStoreRequest');
+    constructor(fComponent) {
+        this.fComponent = fComponent;
     }
 }
 
 /**
- * Execution that calculates the bounding box of all nodes in the FComponentsStore
- * and returns their normalized positions.
- * It retrieves the rectangles of each node's host element and computes their union.
+ * Execution that adds a Flow to the FComponentsStore.
  */
-let CalculateNodesBoundingBoxNormalizedPosition = class CalculateNodesBoundingBoxNormalizedPosition {
+let AddFlowToStoreExecution = class AddFlowToStoreExecution {
     _store = inject(FComponentsStore);
     handle(request) {
-        return RectExtensions.union(this._getNodesRects(request.fNodes || this._store.fNodes));
-    }
-    _getNodesRects(fNodes) {
-        return fNodes.map((x) => {
-            return this._getElementRect(x, RectExtensions.fromElement(x.hostElement));
-        });
-    }
-    _getElementRect(fNode, rect) {
-        return RectExtensions.initialize(fNode._position.x, fNode._position.y, rect.width, rect.height);
+        this._store.fFlow = request.fComponent;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPosition });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddFlowToStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddFlowToStoreExecution });
 };
-CalculateNodesBoundingBoxNormalizedPosition = __decorate([
-    FExecutionRegister(CalculateNodesBoundingBoxNormalizedPositionRequest)
-], CalculateNodesBoundingBoxNormalizedPosition);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPosition, decorators: [{
+AddFlowToStoreExecution = __decorate([
+    FExecutionRegister(AddFlowToStoreRequest)
+], AddFlowToStoreExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddFlowToStoreExecution, decorators: [{
             type: Injectable
         }] });
 
-class CalculateOutputConnectionsRequest {
-    fNode;
-    static fToken = Symbol('CalculateOutputConnectionsRequest');
-    constructor(fNode) {
-        this.fNode = fNode;
-    }
+class GetFlowRequest {
+    static fToken = Symbol('GetFlowRequest');
 }
 
 /**
- * Execution that calculates output connections for a given FNode.
+ * Execution that retrieves the current Flow from the FComponentsStore.
  */
-let CalculateOutputConnections = class CalculateOutputConnections {
+let GetFlowExecution = class GetFlowExecution {
     _store = inject(FComponentsStore);
     handle(request) {
-        return this._calculateConnections(new Set(this._calculateConnectors(request.fNode)));
-    }
-    _calculateConnectors(fNode) {
-        return this._store.fOutputs.filter((x) => fNode.isContains(x.hostElement)).map((x) => x.fId());
-    }
-    _calculateConnections(ids) {
-        return this._store.fConnections.filter((x) => ids.has(x.fOutputId()));
+        const result = this._store.fFlow;
+        if (!result) {
+            throw new Error(`Flow not found in store`);
+        }
+        return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateOutputConnections, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateOutputConnections });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowExecution });
 };
-CalculateOutputConnections = __decorate([
-    FExecutionRegister(CalculateOutputConnectionsRequest)
-], CalculateOutputConnections);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalculateOutputConnections, decorators: [{
+GetFlowExecution = __decorate([
+    FExecutionRegister(GetFlowRequest)
+], GetFlowExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowExecution, decorators: [{
             type: Injectable
         }] });
 
-class FitToChildNodesAndGroupsRequest {
-    nodeOrGroup;
-    static fToken = Symbol('FitToChildNodesAndGroupsRequest');
-    constructor(nodeOrGroup) {
-        this.nodeOrGroup = nodeOrGroup;
-    }
-}
-
-class GetNodePaddingRequest {
-    fNode;
-    rect;
-    static fToken = Symbol('GetNodePaddingRequest');
-    constructor(fNode, rect) {
-        this.fNode = fNode;
-        this.rect = rect;
-    }
+class GetFlowHostElementRequest {
+    static fToken = Symbol('GetFlowHostElementRequest');
 }
 
 /**
- * Execution that retrieves the padding data of a Node.
- * If the Node does not include padding, it returns [0, 0, 0, 0].
+ * Execution that retrieves the Flow host element from the FComponentsStore.
  */
-let GetNodePadding = class GetNodePadding {
-    _browser = inject(BrowserService);
-    handle(request) {
-        return request.fNode.fIncludePadding() ? this.getPaddingData(request.fNode, request.rect) : [0, 0, 0, 0];
-    }
-    getPaddingData(node, rect) {
-        const style = this._browser.window.getComputedStyle(node.hostElement);
-        return [
-            this._browser.toPixels(style.paddingLeft, rect.width, rect.height, style.fontSize),
-            this._browser.toPixels(style.paddingTop, rect.width, rect.height, style.fontSize),
-            this._browser.toPixels(style.paddingRight, rect.width, rect.height, style.fontSize),
-            this._browser.toPixels(style.paddingBottom, rect.width, rect.height, style.fontSize),
-        ];
+let GetFlowHostElementExecution = class GetFlowHostElementExecution {
+    _store = inject(FComponentsStore);
+    handle() {
+        return this._store.flowHost;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodePadding, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodePadding });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowHostElementExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowHostElementExecution });
 };
-GetNodePadding = __decorate([
-    FExecutionRegister(GetNodePaddingRequest)
-], GetNodePadding);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodePadding, decorators: [{
+GetFlowHostElementExecution = __decorate([
+    FExecutionRegister(GetFlowHostElementRequest)
+], GetFlowHostElementExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowHostElementExecution, decorators: [{
             type: Injectable
         }] });
 
-let FitToChildNodesAndGroups = class FitToChildNodesAndGroups {
-    _mediator = inject(FMediator);
+class GetFlowStateConnectionsRequest {
+    static fToken = Symbol('GetFlowStateConnectionsRequest');
+}
+
+/**
+ * Execution that retrieves the current Flow state connections from the FComponentsStore.
+ */
+let GetFlowStateConnectionsExecution = class GetFlowStateConnectionsExecution {
     _store = inject(FComponentsStore);
-    get _nodes() {
-        return this._store.fNodes;
-    }
-    handle({ nodeOrGroup }) {
-        if (nodeOrGroup.fAutoSizeToFitChildren()) {
-            const directChildren = this._calculateDirectChildren(nodeOrGroup);
-            if (directChildren.length) {
-                const currentBounding = this._boundingRect(nodeOrGroup);
-                const childrenBounding = this._calculateChildrenBounding(directChildren, this._paddings(nodeOrGroup, currentBounding));
-                nodeOrGroup.updatePosition(childrenBounding);
-                nodeOrGroup.updateSize(childrenBounding);
-                nodeOrGroup.redraw();
-            }
-        }
-        const parent = nodeOrGroup.fParentId();
-        if (!parent) {
-            return;
-        }
-        const parentNode = this._nodes.find(x => x.fId() === parent);
-        if (!parentNode) {
-            return;
-        }
-        this._mediator.execute(new FitToChildNodesAndGroupsRequest(parentNode));
-    }
-    _calculateDirectChildren(nodeOrGroup) {
-        return this._nodes.filter(x => x.fParentId() === nodeOrGroup.fId());
-    }
-    _unionRect(nodeOrGroups) {
-        return RectExtensions.union(nodeOrGroups.map((x) => this._boundingRect(x))) || RectExtensions.initialize();
-    }
-    _boundingRect(nodeOrGroup) {
-        return this._mediator.execute(new GetNormalizedElementRectRequest(nodeOrGroup.hostElement));
-    }
-    _paddings(nodeOrGroup, rect) {
-        return this._mediator.execute(new GetNodePaddingRequest(nodeOrGroup, rect));
+    handle(_request) {
+        return this._store.fConnections.map(this._mapToConnectionState);
     }
-    _calculateChildrenBounding(directChildren, [top, right, bottom, left]) {
-        let childrenBounding = this._unionRect(directChildren);
-        childrenBounding = RectExtensions.initialize(childrenBounding.x - left, childrenBounding.y - top, childrenBounding.width + left + right, childrenBounding.height + top + bottom);
-        return childrenBounding;
+    _mapToConnectionState(x) {
+        return {
+            id: x.fId(),
+            fOutputId: x.fOutputId(),
+            fInputId: x.fInputId(),
+            fType: x.fType,
+            fBehavior: x.fBehavior,
+            isSelected: x.isSelected(),
+        };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FitToChildNodesAndGroups, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FitToChildNodesAndGroups });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateConnectionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateConnectionsExecution });
 };
-FitToChildNodesAndGroups = __decorate([
-    FExecutionRegister(FitToChildNodesAndGroupsRequest)
-], FitToChildNodesAndGroups);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FitToChildNodesAndGroups, decorators: [{
+GetFlowStateConnectionsExecution = __decorate([
+    FExecutionRegister(GetFlowStateConnectionsRequest)
+], GetFlowStateConnectionsExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateConnectionsExecution, decorators: [{
             type: Injectable
         }] });
-
-class GetChildNodeIdsRequest {
-    id;
-    static fToken = Symbol('GetChildNodeIdsRequest');
-    constructor(id) {
-        this.id = id;
+
+class GetFlowStateNodesRequest {
+    type;
+    static fToken = Symbol('GetFlowStateNodesRequest');
+    constructor(type) {
+        this.type = type;
     }
 }
 
 /**
- * Execution that retrieves all child nodes of a given node in the Flow.
+ * Execution that retrieves the state of Flow nodes, including their position, size, inputs, outputs, and selection status.
  */
-let GetChildNodeIds = class GetChildNodeIds {
+let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
     _store = inject(FComponentsStore);
-    get _allNodesAndGroups() {
-        return this._store.fNodes;
-    }
     handle(request) {
-        if (!request.id) {
-            return [];
-        }
-        const visited = new Set();
-        const result = [];
-        this._collectDescendants(request.id, result, visited);
-        return result;
+        return this._store.fNodes
+            .filter((x) => x instanceof request.type)
+            .map((x) => {
+            return {
+                id: x.fId(),
+                parent: x.fParentId(),
+                position: x._position,
+                size: x._size,
+                rotate: x._rotate,
+                fOutputs: this._getOutputs(x.hostElement),
+                fInputs: this._getInputs(x.hostElement),
+                isSelected: x.isSelected(),
+            };
+        });
     }
-    _collectDescendants(nodeId, result, visited) {
-        if (visited.has(nodeId)) {
-            throw new Error(`Circular reference detected in the node hierarchy. Node id: ${nodeId}`);
-        }
-        visited.add(nodeId);
-        const children = this._allNodesAndGroups.filter(n => n.fParentId() === nodeId).map((x) => x.fId());
-        result.push(...children);
-        for (const id of children) {
-            this._collectDescendants(id, result, visited);
-        }
+    _getOutputs(hostElement) {
+        return this._store.fOutputs
+            .filter((x) => hostElement.contains(x.hostElement))
+            .map((x) => {
+            return {
+                id: x.fId(),
+                fConnectableSide: x.fConnectableSide,
+            };
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetChildNodeIds, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetChildNodeIds });
+    _getInputs(hostElement) {
+        return this._store.fInputs
+            .filter((x) => hostElement.contains(x.hostElement))
+            .map((x) => {
+            return {
+                id: x.fId(),
+                fConnectableSide: x.fConnectableSide,
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateNodesExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateNodesExecution });
 };
-GetChildNodeIds = __decorate([
-    FExecutionRegister(GetChildNodeIdsRequest)
-], GetChildNodeIds);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetChildNodeIds, decorators: [{
+GetFlowStateNodesExecution = __decorate([
+    FExecutionRegister(GetFlowStateNodesRequest)
+], GetFlowStateNodesExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateNodesExecution, decorators: [{
             type: Injectable
         }] });
 
-class GetNodesRequest {
-    static fToken = Symbol('GetNodesRequest');
+class GetFlowStateRequest {
+    static fToken = Symbol('GetFlowStateRequest');
 }
 
 /**
- * Execution that retrieves all nodes from the FComponentsStore.
+ * Execution that retrieves the current state of the Flow, including its position, scale, nodes, groups, and connections.
  */
-let GetNodes = class GetNodes {
+let GetFlowStateExecution = class GetFlowStateExecution {
+    _mediator = inject(FMediator);
     _store = inject(FComponentsStore);
-    handle(request) {
-        return this._store.fNodes;
+    handle(payload) {
+        return {
+            position: this._getCanvasPosition(this._store.fCanvas.transform),
+            scale: this._store.fCanvas.transform.scale,
+            nodes: this._mediator.execute(new GetFlowStateNodesRequest(FNodeDirective)),
+            groups: this._mediator.execute(new GetFlowStateNodesRequest(FGroupDirective)),
+            connections: this._mediator.execute(new GetFlowStateConnectionsRequest()),
+        };
+    }
+    _getCanvasPosition(transform) {
+        return PointExtensions.sum(transform.position, transform.scaledPosition);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodes, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodes });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateExecution });
 };
-GetNodes = __decorate([
-    FExecutionRegister(GetNodesRequest)
-], GetNodes);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetNodes, decorators: [{
+GetFlowStateExecution = __decorate([
+    FExecutionRegister(GetFlowStateRequest)
+], GetFlowStateExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetFlowStateExecution, decorators: [{
             type: Injectable
         }] });
 
-class GetParentNodesRequest {
-    fNode;
-    static fToken = Symbol('GetParentNodesRequest');
-    constructor(fNode) {
-        this.fNode = fNode;
-    }
+/**
+ * Providers for retrieving the current Flow state, including nodes, groups, and connections.
+ */
+const GET_FLOW_STATE_PROVIDERS = [
+    GetFlowStateExecution,
+    GetFlowStateNodesExecution,
+    GetFlowStateConnectionsExecution,
+];
+
+class RemoveFlowFromStoreRequest {
+    static fToken = Symbol('RemoveFlowFromStoreRequest');
 }
 
 /**
- * Execution that retrieves all parent nodes of a given node from the FComponentsStore.
+ * Execution that removes a Flow from the FComponentsStore.
  */
-let GetParentNodes = class GetParentNodes {
+let RemoveFlowFromStoreExecution = class RemoveFlowFromStoreExecution {
     _store = inject(FComponentsStore);
     handle(request) {
-        return this._getParentNodes(request.fNode, 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());
-        }
-        visited.add(fNode.fId());
-        const parent = this._store.fNodes.find((x) => x.fId() === fNode.fParentId());
-        if (!parent) {
-            return result;
-        }
-        result.push(parent);
-        return this._getParentNodes(parent, visited, result);
+        this._store.fFlow = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetParentNodes, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetParentNodes });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveFlowFromStoreExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveFlowFromStoreExecution });
 };
-GetParentNodes = __decorate([
-    FExecutionRegister(GetParentNodesRequest)
-], GetParentNodes);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetParentNodes, decorators: [{
+RemoveFlowFromStoreExecution = __decorate([
+    FExecutionRegister(RemoveFlowFromStoreRequest)
+], RemoveFlowFromStoreExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveFlowFromStoreExecution, decorators: [{
             type: Injectable
         }] });
 
-class UpdateNodeWhenStateOrSizeChangedRequest {
-    nodeOrGroup;
-    destroyRef;
-    static fToken = Symbol('UpdateNodeWhenStateOrSizeChangedRequest');
-    constructor(nodeOrGroup, destroyRef) {
-        this.nodeOrGroup = nodeOrGroup;
-        this.destroyRef = destroyRef;
+/**
+ * Providers for managing the Flow in the FComponentsStore.
+ * This includes adding, retrieving, and removing the Flow,
+ * as well as getting the Flow host element and its state.
+ */
+const F_FLOW_FEATURES = [
+    AddFlowToStoreExecution,
+    GetFlowExecution,
+    GetFlowHostElementExecution,
+    ...GET_FLOW_STATE_PROVIDERS,
+    RemoveFlowFromStoreExecution,
+];
+
+class AddLineAlignmentToStoreRequest {
+    fComponent;
+    static fToken = Symbol('AddLineAlignmentToStoreRequest');
+    constructor(fComponent) {
+        this.fComponent = fComponent;
     }
 }
 
 /**
- * Execution that updates a node's connectors when its state or size changes.
+ * Execution that adds a line alignment to the FComponentsStore.
  */
-let UpdateNodeWhenStateOrSizeChanged = class UpdateNodeWhenStateOrSizeChanged {
-    _mediator = inject(FMediator);
-    /**
-     * Handles the request to update the node's connectors based on state or size changes.
-     * It listens for resize events and recalculates the connectable sides of the connectors.
-     * @param request
-     */
-    handle({ nodeOrGroup, destroyRef }) {
-        const { hostElement, stateChanges } = nodeOrGroup;
-        new FChannelHub(new FResizeChannel(hostElement), stateChanges)
-            .pipe(notifyOnStart(), debounceTime(10))
-            .listen(destroyRef, () => {
-            this._mediator.execute(new NotifyDataChangedRequest());
-            if (!this._isDragging()) {
-                this._mediator.execute(new CalculateNodeConnectorsConnectableSidesRequest(nodeOrGroup));
-                this._mediator.execute(new FitToChildNodesAndGroupsRequest(nodeOrGroup));
-            }
-        });
-    }
-    _isDragging() {
-        return this._mediator.execute(new IsDragStartedRequest());
+let AddLineAlignmentToStoreExecution = class AddLineAlignmentToStoreExecution {
+    _store = inject(FComponentsStore);
+    handle(request) {
+        this._store.fLineAlignment = request.fComponent;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateNodeWhenStateOrSizeChanged, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateNodeWhenStateOrSizeChanged });
+    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 });
 };
-UpdateNodeWhenStateOrSizeChanged = __decorate([
-    FExecutionRegister(UpdateNodeWhenStateOrSizeChangedRequest)
-], UpdateNodeWhenStateOrSizeChanged);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateNodeWhenStateOrSizeChanged, decorators: [{
+AddLineAlignmentToStoreExecution = __decorate([
+    FExecutionRegister(AddLineAlignmentToStoreRequest)
+], AddLineAlignmentToStoreExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLineAlignmentToStoreExecution, decorators: [{
             type: Injectable
         }] });
 
-class RemoveNodeFromStoreRequest {
-    fComponent;
-    static fToken = Symbol('RemoveNodeFromStoreRequest');
-    constructor(fComponent) {
-        this.fComponent = fComponent;
-    }
+class RemoveLineAlignmentFromStoreRequest {
+    static fToken = Symbol('RemoveLineAlignmentFromStoreRequest');
 }
 
 /**
- * Execution that removes a node from the FComponentsStore.
+ * Execution that removes a line alignment from the FComponentsStore.
  */
-let RemoveNodeFromStore = class RemoveNodeFromStore {
+let RemoveLineAlignmentFromStoreExecution = class RemoveLineAlignmentFromStoreExecution {
     _store = inject(FComponentsStore);
     handle(request) {
-        this._store.removeComponent(this._store.fNodes, request.fComponent);
+        this._store.fLineAlignment = undefined;
     }
-    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 });
+    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 });
 };
-RemoveNodeFromStore = __decorate([
-    FExecutionRegister(RemoveNodeFromStoreRequest)
-], RemoveNodeFromStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveNodeFromStore, decorators: [{
+RemoveLineAlignmentFromStoreExecution = __decorate([
+    FExecutionRegister(RemoveLineAlignmentFromStoreRequest)
+], RemoveLineAlignmentFromStoreExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RemoveLineAlignmentFromStoreExecution, decorators: [{
             type: Injectable
         }] });
 
 /**
- * This file exports all the node-related executions that can be used in the F-Flow domain.
+ * Collection of all FLineAlignment feature executions.
+ * These executions handle the addition and removal of line alignments
+ * in the FComponentsStore.
  */
-const F_NODE_FEATURES = [
-    AddNodeToStore,
-    CalculateConnectableSideByConnectedPositions,
-    CalculateConnectableSideByInternalPosition,
-    CalculateInputConnections,
-    CalculateNodeConnectorsConnectableSides,
-    CalculateNodesBoundingBox,
-    CalculateNodesBoundingBoxNormalizedPosition,
-    CalculateOutputConnections,
-    FitToChildNodesAndGroups,
-    GetChildNodeIds,
-    GetNodePadding,
-    GetNodes,
-    GetParentNodes,
-    UpdateNodeWhenStateOrSizeChanged,
-    RemoveNodeFromStore,
+const F_LINE_ALIGNMENT_FEATURES = [
+    AddLineAlignmentToStoreExecution,
+    RemoveLineAlignmentFromStoreExecution,
 ];
 
 class AddZoomToStoreRequest {
@@ -11496,13 +11700,15 @@ function createSVGElement(tag, fBrowser) {
 function isValidEventTrigger(event, fTrigger) {
     return fTrigger(event);
 }
-function defaultEventTrigger(event) {
+function defaultEventTrigger(_event) {
     return true;
 }
 
 function isMobile() {
-    // @ts-ignore
-    return /android|iPad|iPhone|iPod/i.test(navigator.userAgent || navigator.vendor || window['opera']);
+    return /android|iPad|iPhone|iPod/i.test(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    navigator.userAgent || navigator.vendor || window['opera']);
 }
 
 function Deprecated(newMethodName, removalVersion = '18.0.0') {
@@ -12433,5 +12639,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, CANVAS_PROVIDERS, COMMON_PROVIDERS, 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, CalculateDirectChildrenUnionRect, CalculateDirectChildrenUnionRectRequest, CalculateDragLimits, CalculateDragLimitsRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateInputConnections, CalculateInputConnectionsRequest, CalculateNodeConnectorsConnectableSides, CalculateNodeConnectorsConnectableSidesRequest, CalculateNodesBoundingBox, CalculateNodesBoundingBoxNormalizedPosition, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CalculateOutputConnections, CalculateOutputConnectionsRequest, CalculateResizeLimits, CalculateResizeLimitsRequest, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionContentLayoutEngine, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateDragModelFromSelection, CreateDragModelFromSelectionRequest, CreateInputConnectionHandlerAndSetToNodeHandler, CreateInputConnectionHandlerAndSetToNodeHandlerRequest, CreateOutputConnectionHandlerAndSetToNodeHandler, CreateOutputConnectionHandlerAndSetToNodeHandlerRequest, CreateSnapLines, CreateSnapLinesRequest, CreateSummaryDragHandler, CreateSummaryDragHandlerRequest, DRAG_AND_DROP_COMMON_PROVIDERS, Deprecated, DragAndDropBase, DragConstraintPipeline, DropToGroupFinalize, DropToGroupFinalizeRequest, DropToGroupPreparation, DropToGroupPreparationRequest, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, EventExtensions, ExternalRectConstraint, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCanvasDragHandler, FCanvasMoveFinalizeExecution, FCanvasMoveFinalizeRequest, FCanvasMovePreparationExecution, FCanvasMovePreparationRequest, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionContent, FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionDragHandler, FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionDragHandlerPreparationRequest, FCreateConnectionEvent, FCreateConnectionFinalizeExecution, FCreateConnectionFinalizeRequest, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutletPreparationRequest, FCreateConnectionFromOutputPreparationExecution, FCreateConnectionFromOutputPreparationRequest, FCreateConnectionPreparationExecution, FCreateConnectionPreparationRequest, FCreateNodeEvent, FDragBlockerDirective, FDragHandleDirective, FDragHandlerResult, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemCreatePlaceholderExecution, FExternalItemCreatePlaceholderRequest, FExternalItemCreatePreviewExecution, FExternalItemCreatePreviewRequest, FExternalItemDirective, FExternalItemDragHandler, FExternalItemFinalizeExecution, FExternalItemFinalizeRequest, FExternalItemPlaceholderDirective, FExternalItemPreparationExecution, FExternalItemPreparationRequest, FExternalItemPreviewDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FMoveNodesEvent, FNodeBase, FNodeDirective, FNodeDropToGroupDragHandler, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeMoveFinalizeExecution, FNodeMoveFinalizeRequest, FNodeMovePreparationExecution, FNodeMovePreparationRequest, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeRotateDragHandler, FNodeRotateFinalizeExecution, FNodeRotateFinalizeRequest, FNodeRotatePreparationExecution, FNodeRotatePreparationRequest, FReassignConnectionDragHandler, FReassignConnectionEvent, FReassignConnectionFinalizeExecution, FReassignConnectionFinalizeRequest, FReassignConnectionPreparationExecution, FReassignConnectionPreparationRequest, FReassignSourceDragHandler, FReassignTargetDragHandler, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSingleSelectExecution, FSingleSelectRequest, FSnapConnectionComponent, 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, GetAllCanBeConnectedInputsAndRectsExecution, GetAllCanBeConnectedInputsAndRectsRequest, GetAllCanBeConnectedSourceConnectorsAndRectsExecution, GetAllCanBeConnectedSourceConnectorsAndRectsRequest, 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, GetNodes, GetNodesRequest, GetNormalizedConnectorRectExecution, GetNormalizedConnectorRectRequest, GetNormalizedElementRectExecution, GetNormalizedElementRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetNormalizedPointExecution, GetNormalizedPointRequest, GetParentNodes, GetParentNodesRequest, IMouseEvent, IPointerEvent, IPointerUpEvent, ITouchDownEvent, ITouchMoveEvent, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsDragStarted, IsDragStartedRequest, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, LogExecutionTime, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MOUSE_EVENT_IGNORE_TIME, 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, expandRectFromBaseline, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, infinityMinMax, isClosestConnectorInsideSnapThreshold, isDragBlocker, isDragHandleEnd, isDragHandleStart, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isPointerInsideStartOrEndDragHandles, isRotateHandle, isValidEventTrigger, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, roundedRectFromPoint, stringAttribute, transitionEnd };
+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 };
 //# sourceMappingURL=foblex-flow.mjs.map